码迷,mamicode.com
首页 > 编程语言 > 详细

二、使用JavaScript

时间:2015-05-13 00:24:44      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

学习要点:

  1.创建一张HTML页面

  2.<Script>标签解析

  3.JS代码嵌入的一些问题

 

一、创建一张HTML页面

  

 

二、<Script>标签解析

  <script>xxx</script>这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性:

  1.charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少人能用它。

  2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。

  3.language:已弃用。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。

  4.src:可选。表示包含要执行代码的外部文件。

  5.type:必选。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"。

  <script type="text/javascript">

    alert(‘欢迎来到JavaScript世界!‘);

  </script>

  注:html5中这些属性都不建议写了

 

三、JS代码嵌入的一些问题

  如果你想弹出一个</script>标签的字符串,那么浏览器会误解为JS代码已经结束了。解决方法,就是把字符串分成两个部分,通过连接符‘+‘来连接。

  <script type="text/javascript">

    alert(‘</scr‘+‘ipt>‘);

  </script>

 

  一般来说,JS代码越来越庞大的时候,我们最好把他另存为一个.js文件,通过src引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。

  <script type="text/javascript" src="demo.js"></script>

 

  这样标签内就没有任何JS代码了。但,要注意的是,虽然没有任何代码,也不能用单标签:

  <script type="text/javascript" src="demo.js" />;

 

  也不能在里面添加任何代码:

  <script type="text/javascript" src="demo.js">alert(‘我很可伶,执行不到!‘)</script>

 

   按照常规,我们会把<script>标签存放在<head>...</head>之间。但有时也放在body之间。

 

  

  不再需要提供注释,以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代码,我们习惯在代码的前后用html注释掉,现在已经不需要了。

  <script type="text/javascript">

    <!--

      alert(‘欢迎!‘);

    -->

  </script>

 

   平稳退化不支持JavaScript处理:<noscript>

  <noscript>

    您没哟启用JavaScript

  </noscript>

 

二、使用JavaScript

标签:

原文地址:http://www.cnblogs.com/xiongdawang/p/4498869.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!