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. [C#]asp.net开发微信公众平台----目录汇总-持续更新

    1.[c#]asp.net微信公众平台开发(1)数据库设计 2.[c#]asp.net微信公众平台开发(2)多层架构框架搭建和入口实现 3.[c#]asp.net微信公众平台开发(3)微信消息封装及反 ...

  2. mysql 分区表详解

    项目中要一张库表实现 list分区.并且支持多种数据库. oracle 很顺利,只是mysql 听说5.1版本就已经支持了, 可是试了很多个版本,都不行,后来查到原因是要5.5 以上版本 分区才支持 ...

  3. Linux下彻底删除oracle步骤【转】

    (1)关闭oracle服务和后台进程  <1>查看安装的主目录和环境变量: echo $ORACLE_HOME env | grep ORA <2>查看实例名 sqlplus ...

  4. C#多线程实践——线程同步

    下面的表格列展了.NET对协调或同步线程动作的可用的工具:                       简易阻止方法 构成 目的 Sleep 阻止给定的时间周期 Join 等待另一个线程完成      ...

  5. java下tcp的socket连接案例

    package cn.stat.p4.ipdemo; import java.io.BufferedReader; import java.io.IOException; import java.io ...

  6. （六）backbone - API学习 - Backbone路由

    Backbone路由本质 Backbone路由分为两个大块,Router以及History用户在Router中定义相关规则,然后开启history.start进行路由监控,执行默认的回调所以,Rout ...

  7. jquery节点查询

    jQuery.parent(expr)           //找父元素 jQuery.parents(expr)          //找到所有祖先元素,不限于父元素 jQuery.children ...

  8. HTML5 Canvas基础知识

    HTML5画布 1.创建一个画布         <canvas id="myCanvas" width="200" height="100&q ...

  9. smarty练习： 设置试题及打印试卷

    数据库表格:shiti, shititimu, timu, kemu, xuanxiang 根据科目设置一个可以添加试题的页面:(如下图) 具体的题目从数据库中查出并形成一张试卷的形式 考试试题设置: ...

  10. Java学习笔记--StringTokenizer的使用

    拓展:Pattern.split替代String.split http://www.cnblogs.com/gnivor/p/4386978.html StringTokenizer是一个用来分隔St ...