js兼容性解决及判断过程中的注意事项

怼烎@ 2022-06-16 07:38 73阅读 0赞

1、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";

2、class

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

3、点击按钮变成复选框checkbox

4、改变DIV的浮动

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

5、不能用来判断的几种情况：  
所有的相对路径都别拿来做判断。。。

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>