javascript权威指南学习笔记-客户端javascript(1)

        Window对象表示浏览器的一个窗口或窗体,并可用标识符window引用。在客户端javascript中Window对象也是全局对象,处于作用域链的顶部,它的方法和属性实际上是全局变量和全局函数。

       Window 对象最重要的一个属性是document,它引用Document对象,表示显示在窗口的文档。文档元素(表示HTML标签的一对开始/结束标记,以及他们之间的所有内容)。每个Element对象都有style和className。

   var d = document.getElementById("timeStamp");
            d.style.backgroundColor = "yellow";
            d.className="border-red"

        Window,Document,Element对象上的另一个重要属性集合是事件处理程序相关的属性:可以在脚本中绑定一个函数,这个函数会在某个事件发生时以异步的方式调用

        Window 对象的onload处理程序当在显示在窗口中的文档内容稳定并可以操作它是触发。

       应尽量避免在html标签中夹杂一堆onchange,onclick等属性去挂载javascript事件。

       javascript代码可以以内联的方式出现在html文件里的<script></script>标签之间:

      在XHTML中,<script>标签中的内容被当做其他内容一样对待。如果javascript中包含了“<”或“&”字符,那么这些字符将被解释为xml标记,因此如果要使用XHTML,最好把所有的代码放到一个CDATA中:

  <script type="text/javascript">
     <![CDATA[
     这是你的javascript代码
     
     ]]>
    </script>

     外部引用<script src=""></script> 在XHTML中可以简写为<script  src="" />,使用src属性时标签内的任何内容都会被忽略,但是可以写版本信息。如果有任何非空或非注释的文本,html5校验器会报错

 如果一段javascript代码文件由多个页面共享,用src只需下载一次,随后的页面就可以从浏览器缓存中检索它。

从文档服务器之外的服务器载入脚本有非常重要的安全隐患,同源安全策略会阻止一个域的文档中的javascript代码和另一个域的内容进行交互,但是要主要和脚本本身的来源没关系,而是和脚本嵌入的文档的来源有关系:即便代码和文档有不同的来源,javascript代码也可以和他嵌入的文档进行交互。当使用src属性包含一个脚本时,就给了脚本作者(以及从中载入这段脚本的域的网站管理员)完全控制web页面的权限。

 

  脚本类型:

  type属性的默认值是“text/javascript” 老的浏览器经常用language(已经废弃)

 当web浏览器遇到<script>元素,并且这个元素包含其值不被浏览器识别的type属性时,它会解析这个元素而不会尝试去执行它的内容。这意味着可以使用<script>元素来嵌入任意的文本数据到文档中只要用type属性声明数据为不可执行的类型,要获取数据,可以用表示script元素的HTMLElement对象的text属性。但是这只对内联脚本生效。、

  URL中的javascript,在url后面跟一个javascript:协议限定符

核心javascript和客户端javascript都有一个单线程执行模型,脚本和事件处理程序,在同一时间只能执行一个,没有并发性

 

  在文档载入时,javascript 影响文档内容的唯一方法是快速生内容,它使用document.write(),当html解析器遇到<script>元素时,它默认必须先执行脚本,然后在恢复文档的渲染,这对于内联脚本没什么问题,但如果脚本源代码是一个由src属性指定的外部文件,这意味着脚本后面的文档部分在下载和执行脚本之前,都不会出现在浏览器中(文档内容已加载但没有生成dom树,javascript会阻塞ui页面的渲染)。

脚本的执行默认情况下是同步和阻塞的

 

  

    

 

 

 

 

     

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值