zoukankan      html  css  js  c++  java
  • JS属性读写操作+if判断注意事项

    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>
  • 相关阅读:
    Linux c 开发-17 pugixml xml_node Collection和一个数组的值比较示例
    Linux c 开发-16 不需要头文件也可以编译???
    SourceInsight快捷键
    Linux c 开发-16 VsCode下使用CMakeFile编译项目
    java 字符串转Base64
    Linux c 开发-15 Ubuntu子系统中使用串口
    Linux c 开发-14 一例不能直接调试gdb程序的解决办法
    Ubuntu子系统与Windows互相访文件系统
    Linux c 开发-13 Makefile与VisualStudio Linux C环境对应关系
    Linux c 开发-12 创建子进程
  • 原文地址:https://www.cnblogs.com/alice-shan/p/5320048.html
Copyright © 2011-2022 走看看