js中不允许出现“ - ”

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

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

class

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

点击按钮变成复选框checkbox

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

改变DIV的浮动

  1. oDIV.style.float = "left";
  3. //保险写法：
  4. oDIV.style.styleFloat = "left";
  5. oDIV.style.cssFloat = "left";
  7. //IE(styleFloat)、非IE（CSSFloat）
  8. //可以使用调用className的方式

判断注意事项

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

　　img src   href="css.css"

绝对路径可以：

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

颜色值不要拿来做判断

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

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

如何做图片判断示例：

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>if图片判断</title>
  6. </head>
  7. <body>
  8.     <img id="img1" src="img1.png"/>
  9. </body>
  10. <script type="text/javascript">
  11.     var oImg = document.getElementById("img1");
  12.     var onoff = true;  // 布尔值：true 真 1  false 假 0
  13.  
  14.     oImg.onclick = function () {
  15.         if (onoff) {
  16.             oImg.src = "img2.png";
  17.             onoff = false;
  18.         }else{
  19.             oImg.src = "img1.png";
  20.             onoff = true;
  21.         }
  22.     }
  23. </script>
  24. </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. （转）使用 .NET 的 RNGCryptoServiceProvider 生成随机数

    1. [代码]一个简单的方法,但不够可靠     跳至 [1] [2] [全屏预览] ? 1 2 3 4 5 6 7 8 9 10 11 static void Main(string[] args) ...

  2. java 位运算权限管控(转载)

    这里笔者介绍一种很常用,也比较专业的权限控制思路.这里用java语言描述,其实都差不多的.要换成其他的语言主,自己转一下就可以了.为了方便起见,我们这里定义a^b为:a的b次方.这里,我们为每一个操作 ...

  3. SQL从入门到基础 - 07 抑制重复数据

    一.去掉数据重复 distinct 1. Select FDepartment from T_Employee →select distinct FDepartment from T_Employee ...

  4. arcgis engine - 命令和工具

    在engine中, 命令是实现了 ICommand,我们可以通过使用 UID, progID 或 ICommand 将一个命令宿主到 ToolBarControl中. ICommand接口有一个 On ...

  5. java正则

    package cn.stat.p4.ipdemo; import java.util.regex.Matcher; import java.util.regex.Pattern; public cl ...

  6. C++拾遗（二）关于变量

    符号常量——预处理方式 例如: #define ZERO 0 会替换程序中所有的ZERO为0,在那些设计为用于C和C++的头文件中,必须使用#define来定义符号常量. 无符号类型 unsigned ...

  7. powerdesigner设置mysql唯一键，非主键

    员工表如下,先将id设置主键: 现在将"员工id"设置唯一约束: 1,切换到"Keys",发现已经存在一个Key1,这个是刚刚新增主键id.在Key1下发空行出 ...

  8. HTML&CSS基础学习笔记1.26-input重置表单

    重置表单 <input>的[type]属性值为"button"的时候表示一个普通的按钮,相当于一个<button>标签. <input>的[ty ...

  9. css 画竖着线条

    <p>table控制:<!-- height为横线的粗度,width为长度 --><table width=700>     <tr>    <t ...

  10. JAVA三大特性之多态

    面向对象的三大特性:封装.继承.多态.从一定角度来看,封装和继承几乎都是为多态而准备的.这是我们最后一个概念,也是最重要的知识点. 多态的定义:指允许不同类的对象对同一消息做出响应.即同一消息可以根据 ...