• 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>
  • 相关阅读:
    BZOJ 1266: [AHOI2006]上学路线route
    重磅!阿里云Promtheus 正式免费公测
    解锁云原生 AI 技能|在 Kubernetes 上构建机器学习系统
    更新与发展 | Alibaba Cloud Linux 2 特性与开发细节揭秘
    《2019上半年DDoS攻击态势报告》发布:应用层攻击形势依然严峻,海量移动设备成新一代肉鸡
    《2019年上半年Web应用安全报告》发布:90%以上攻击流量来源于扫描器,IP身份不再可信
    并发模式与 RPS 模式之争,性能压测领域的星球大战
    互联网商城的上云改造之旅
    技术人具备“结构化思维”意味着什么?
    弘康人寿基于 RocketMQ 构建微服务边界总线的实践
  • 原文地址:https://www.cnblogs.com/alice-shan/p/5320048.html
Copyright © 2020-2023  润新知