js中不允许出现“ - ”

页面中改变文字大小-案例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面中改变文字大小-案例</title>
<script type="text/javascript">
window.onload = function () {
var obtn1 = document.getElementById("btn1");
var obtn2 = document.getElementById("btn2");
var op1 = document.getElementById("p1"); var num = 15;
obtn1.onclick = function(){
if (num > 12) {
// num = mum - 1;
// num += 1;
num --; //每次递减一个
p1.style.fontSize = num + "px";
}
}
obtn2.onclick = function(){
if (num < 22) {
num ++;
// js中不允许出现“ - ”
// font-size fontSize
p1.style.fontSize = num + "px";
}
}
}
</script>
</head>
<body>
<input id="btn1" type="button" value="-" />
<input id="btn2" type="button" value="+" />
<p id="p1" style="font-size: 15px;">网易科技讯 3月24日消息,据《福布斯》网站报道,虽然苹果公司不愿配合美国联邦调查局破解加州枪击案嫌犯的iPhone手机,但联调局似乎已经找到了其他的帮手,而且破解费用可能十分便宜,只需要1500美元。
目前的多数报道称,以色列一家名为Cellebrite的公司愿意向美国联调局提供帮助,解锁嫌犯手机。美国联调局本周态度急转,称可能有另一种方法破解该设备,而无需苹果协助。原定于本周早些时候就破解一事召开的法院听证会因此被无限期延迟。
iPhone漏洞可能非常昂贵,黑客可以因为发现一个漏洞赚取上百万美元。不过,参考以往的案例,Cellebrite破解服务的价格可以非常低廉。
欧洲的一起案件或许是此种iPhone破解只需较低成本便能完成的佐证。意大利法院目前正在聆讯一桩毁容攻击案,该案嫌犯声称忘记了自己iPhone 5手机的开机密码。法院寻找专家破解这部装有iOS 8系统的手机,最后找到了Cellebrite公司。</p>
</body>
</html>
// js中不允许出现“ - ”
// font-size fontSize
p1.style.fontSize = num + "px";

class

op.className = "red";
//class 保留字 关键字: var function ---不可以使用
//class => className

点击按钮变成复选框checkbox

<input id="inp1" type="button"/>
<script>
var olnp = document.getElementById("inp1");
olnp.onclick = function(){
olnp.type = "checkbox";
// IE6 IE7 IE8 不支持 会报错!!!
// 可以时候隐藏显示方法来替换这种 点击按钮隐藏按钮 复选框显示

}
</script>

改变DIV的浮动

oDIV.style.float = "left";

//保险写法:
oDIV.style.styleFloat = "left";
oDIV.style.cssFloat = "left"; //IE(styleFloat)、非IE(CSSFloat)
//可以使用调用className的方式

判断注意事项

所有的相对路径都别拿来做判断。。。

  img src   href="css.css"

绝对路径可以:

  img src="http://........jpg"

颜色值不要拿来做判断

  color:red;   #fff    rgb(255,255,0)

innerHTML值不要拿来做判断。。。

如何做图片判断示例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>if图片判断</title>
</head>
<body>
<img id="img1" src="img1.png"/>
</body>
<script type="text/javascript">
var oImg = document.getElementById("img1");
var onoff = true; // 布尔值:true 真 1 false 假 0 oImg.onclick = function () {
if (onoff) {
oImg.src = "img2.png";
onoff = false;
}else{
oImg.src = "img1.png";
onoff = true;
}
}
</script>
</html>

JS属性读写操作+if判断注意事项的更多相关文章

  1. JS cookie 读写操作

    /*** ** 功能: cookie操作对象 ***/ var cookies = { /*** ** 功能: 写入cookie操作 ** 参数: name cookie名称 ** value coo ...

  2. ASP.NET MVC Filters 4种默认过滤器的使用【附示例】 数据库常见死锁原因及处理 .NET源码中的链表 多线程下C#如何保证线程安全? .net实现支付宝在线支付 彻头彻尾理解单例模式与多线程 App.Config详解及读写操作 判断客户端是iOS还是Android,判断是不是在微信浏览器打开

    ASP.NET MVC Filters 4种默认过滤器的使用[附示例]   过滤器(Filters)的出现使得我们可以在ASP.NET MVC程序里更好的控制浏览器请求过来的URL,不是每个请求都会响 ...

  3. JS属性操作

    一.属性读操作:元素.属性名   ( 获取.找到属性值 ) 属性写操作:元素.属性名 = 新的值   ( 替换.修改属性值 ) 二.没有属性名的,也可进行读.写操作: 读操作:元素.innerHTML ...

  4. node.js连接MySQL操作及注意事项

    node.js作为服务端的js运行环境已经出现了有几年了,最近我有个朋友也在做这方面的开发,但是也是刚刚接触,遇到了很多坑.前几天他们在操作数据库的时候出现了点问题,后来我们一起看了看,其实都是nod ...

  5. js 属性增改删操作

    js 属性增改删操作,可参看菜鸟教程,这里记录一个小问题:disabled属性 使用setAttribute操作无法 禁用disabled属性,需使用removeAttribute操作,原因是只要有d ...

  6. js进阶 11-3 jquery中css属性如何操作

    js进阶 11-3  jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...

  7. js进阶 11-2 jquery属性如何操作

    js进阶 11-2  jquery属性如何操作 一.总结 一句话总结:jquery中的属性用attr方法表示.jquery中都是方法. 1.jquery中的属性的增删改查操作? 只需要两个方法, at ...

  8. 【java】【反射】反射实现判断发生了修改操作,判断两个对象是否发生属性值的变更,判断两个List集合内对象的属性值是否发生变更

    java的反射实现: 判断发生了修改操作,判断两个对象是否发生属性值的变更,判断两个List集合内对象的属性值是否发生变更 今日份代码: package com.sxd.streamTest; imp ...

  9. 斗篷指令、属性指令、表单指令、条件指令、循环指令、js的Array操作、前台数据库、

    ```python"""1)指令 属性指令:v-bind 表达指令:v-model 条件指令:v-show v-if 循环指令:v-for 斗篷指令:v-cloak 2) ...

随机推荐

  1. HTML5 Canvas图像放大、移动实例1

    1.前台代码 <canvas id="canvasOne" class="myCanvas" width="500" height=& ...

  2. C#使用多态求方形面积周长和圆的面积周长

    class class1 { public static void Main(string[] args) { //使用多态求矩形面积与周长和圆的面积与周长 Shape cl = ); double ...

  3. javascript 操作 css Rule

    //add addCssRule('.bcd',{'color':'red','font-weight':'bold','font-size':'12px'},document.styleSheets ...

  4. SDP (Session Description Protocol)

    SDP的描述网络上一大堆中文的,可以看看RFC2327 SDP 信息是文本信息,采用 UTF-8 编 码中的 ISO 10646 字符集.SDP 会话描述如下:(标注 * 符号的表示可选字段):  v ...

  5. 织梦DEDECMS网站首页如何实现分页翻页

    织梦DEDECMS模板网站首页如何实现首页分页和翻页 方法如下:(三种方法,自己选择一种来实现分页吧) 第一种:调用ajax和参数的(不推荐)1.必须在DEDE首页模板中的<head>&l ...

  6. php 中PHP_EOL使用

    一个小小的换行,其实在不同的平台有着不同的实现,为什么要这样,可以是世界是多样的.本来在unix世界换行就用/n来代替,但是windows为了体现他的不同,就用/r/n,更有意思的是在mac中用/r. ...

  7. 关于 VS2013监视窗口的内存面板及寄存器面板

    1.插入断点,按F5调试,2.选择菜单项 debug-窗口-3.即可找到您要的监视窗口.

  8. 使用redis缓存加索引处理数据库百万级并发

    使用redis缓存加索引处理数据库百万级并发 前言:事先说明:在实际应用中这种做法设计需要各位读者自己设计,本文只提供一种思想.准备工作:安装后本地数redis服务器,使用mysql数据库,事先插入1 ...

  9. JAVA_build_ant_mapper

    ant里面mapper的详细用法   ant里面mapper标签是和fileset配合使用的,目的就是把fileset取出的文件名转成指定的样式.其实看懂官方文档后,感觉真心没啥好写的.但是还是写一下 ...

  10. 如何在Ubuntu安装*.exe文件

    下载及安装 若你使用 Debian 或者 Ubuntu 之类的发行版,只需要一个命令即可完成安装: apt-get install wine 若你使用的为其他发行版,请访问 http://winehq ...