在HTML中使用JavaScript

    使用<script>元素的方式有两种:直接在页面中嵌入JavaScript代码和包含外部JavaScript文件。

    <script>元素的属性:

  • type:必需。表示编写代码使用的脚本语言的内容类型。考虑到浏览器的兼容性,应把type属性设置为text/javascript。
  • src:可选。表示要执行的外部js文件。
  • defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。

    1、 网页中直接嵌入JavaScript代码示例:

<script type="text/javascript">

  function sayHi(){

    alert("Hi!");

  }

</script>

          使用<script>嵌入代码时,记住不要在代码中的任何地方出现“</script>“字符串。因为按照解析嵌入代码的规则,当浏览器遇到“</script>"时,就会认为那是结束的</script>标签。而通过分隔为两部分可以解决这个问题,例如:

<script type="text/javascript">

  function sayHi(){

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

  }

</script>

      2、调用外部js文件

      通过<script>元素调用外部javascript文件时,src属性是必需的。示例

<script type="text/javasctipt" src="example.js"></script>

    外部文件带有.js扩展名,但这个扩展名不是必需的,浏览器不会检查JavaScript文件的扩展名。这样一来,使用JSP、PHP或其他服务器语言动态生成JavaScript代码成为可能。

     3、<script>标签的位置

      按照贯例,所有<script>标签都放到<head>元素中,这种做法意味着必须等到全部JavaScript代码被下载、解析和执行完成以后,才能开妈呈现页面的内容。为了避免这个问题,应把全部JavaScript代码放在页面内容后面。










评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值