博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS(JavaScript)的进一步了解7(更新中···)
阅读量:6419 次
发布时间:2019-06-23

本文共 1193 字,大约阅读时间需要 3 分钟。

1.Js操作css样式

  div.style.width=”100px”.div标签内我们添加了一个style属性,并设定

  了width值。这种写法会给标签带来大量的style属性,跟实际项目是不符。

  我们没有让csshtml分离。

  所以如果是为了获取css样式

  window.getComputedStyle() 获取经过计算机计算的所有属性

  就是只要渲染出来的都是经过计算的。

  getComputedStyle()第一个参数是当前元素,第二个一般我们写null

  并且这个方法是只读,

  Ie6-8 不支持这个用法,ie的是用currentStyle

  

2.try{

  }catch(error){} 不报错执行try里面的代码块,报错执行catch里面的代码块。

  前提条件是报错,如果不是报错不能使用

  var csss;

  try{

  csss=window.getComputedStyle(aa,null)

  }catch(e){

  csss=aa.currentStyle

  }

  console.log(csss)

 

总结

Js解决兼容的方法

  1.||

    var dd=document.documentElement.clientWidth||document.body.clientWidth

  2.if()else{}

    if(window.getComputedStyle){

    csss=window.getComputedStyle(aa,null)

    }else{

    csss=aa.currentStyle

    }

    console.log(csss)

    3.try{} catch(err){}

    必须在报错的条件下,和if  else比较性能上比较差,不在万不得以的情况下不使用

 

  只读 可写的区别:

 

  只读: 只能获取不能修改

 

  可写:可以修改的

 

nullundefined的区别

nullundefined都表示没有值

 

  1.null 是这个东西是天生存在的但是没给值。

 

    如果我们需要清除浏览器变量的内存需要赋值null

 

    比如  var aa=document.getElementById("aa")

 

    console.log(aa.parentNode.parentNode.parentNode.parentNode) null

 

   2.undefined 这个东西压根就不存在的是人为定义的并且没赋值。

    1)var a;undefined

     2)div.aa undefined

 

 

 

转载于:https://www.cnblogs.com/zff123/p/9985468.html

你可能感兴趣的文章
蚂蚁分类信息系统5.8多城市UTF8开源优化版
查看>>
在django1.2+python2.7环境中使用send_mail发送邮件
查看>>
“Metro”,移动设备视觉语言的新新人类
查看>>
PHP源代码下载(本代码供初学者使用)
查看>>
Disruptor-NET和内存栅栏
查看>>
Windows平台ipod touch/iphone等共享笔记本无线上网设置大全
查看>>
播放加密DVD
查看>>
产品设计体会(3013)项目的“敏捷沟通”实践
查看>>
RHEL6.3基本网络配置(1)ifconfig命令
查看>>
网络诊断工具之—路由追踪tracert命令
查看>>
Java模拟HTTP的Get和Post请求(增强)
查看>>
php 环境搭建(windows php+apache)
查看>>
让虚拟机的软盘盘符不显示(适用于所有windows系统包括Windows Server)
查看>>
Cygwin不好用
查看>>
jQuery插件之验证控件jquery.validate.js
查看>>
[经验]无线鼠标和无线键盘真的不能用了?——雷柏的重生之路~
查看>>
【转】plist涉及到沙盒的一个问题
查看>>
GNU make manual 翻译( 一百四十五)
查看>>
重构之美-走在Web标准化设计的路上[复杂表单]3 9 Update
查看>>
linux中的优先搜索树的实现--prio_tree【转】
查看>>