javascript在网页中使用以及注意事项

一、<script>标签的解析:

<script>xxx</script>这组标签,是用于在 html 页面中插入 js 的主要方法。它主要有以下几个属性:
    1.charset:可选。表示通过 src 属性指定的字符集。被大多数浏览器忽略,很少有人用。
    2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。大多数浏览器不支持,很少用。可以将JS代码放在html内容的后面,这样可实现延时加载
    3.language:已废弃。原来用于代码使用的脚本语言。被大多数浏览器忽略,不能用。
    4.src:可选。表示包含要执行代码的外部文件。
    5.type:必需。可以看作是 language 的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"。

二、js代码在网页中的应用方式:

1.直接在网页中使用

<script type="text/javascript">
      alert(new Date());
</script>

2.将js文件放置在一个单独的文件中,引入(开发使用这种方式):

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

3.将js程序代码作为属性值:

<body>
  <a href="javascript:alert(new Date());">abc</a>
  <!--当点击abc这个文本链接以后,浏览器就会执行javascript后面的代码-->
</body>

4.作为事件属性来执行js代码

<body>
  <input type="button" value="fsda" onclick="alert(new Date())"/>
</body>

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

<script type="text/javascript">
  alert(‘</scr‘+‘ipt>‘);
</script>

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

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

</script>

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

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

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

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

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

3、当浏览器不支持js或者被禁用掉js的话 ,在body中加上下面这句

<noscript>
  您没有启用 JavaScript
</noscript>
时间: 2024-12-13 22:53:22

javascript在网页中使用以及注意事项的相关文章

JavaScript运行网页中的代码,保存网页中的代码

<!DOCTYPE html> <html> <head> <title>在网页中运行代码,保存代码</title> <meta charset="utf-8"> </head> <body> <textarea id="code" style="width: 500px;height: 300px"> <html> <h

使用Javascript获得网页中通过GET方法提交的参数

下面我将写出一个函数,用来获取GET方法提交的参数 function getParameter(parameterName) { var string = window.location.search; var indexStart = string.indexOf(parameterName+"="); if(indexStart==-1) return false; var result = string.slice(indexStart+parameterName.length+

JavaScript在网页中的位置

JavaScript is inserted into HTML pages by using the <script> element. This element can be used to embed JavaScript into an HTML page, leaving it inline with the rest of the markup, or to include JavaScript that exists in an external fi le. The follo

使用原生javascript实现网页中banner滚动切换效果

代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0px; margin: 0px; } #banner{ width: 100%; overflow: hidden; white-space: nowrap; }

将JavaScript 插入网页的方法

将JavaScript 插入网页的方法 使用Javascript代码. 插入JavaScript 与在网页中插入CSS的方式相似.使用下面的代码可以在网页中插入JavaScript: ... 其中的...就是代码的内容.JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论. 用JavaScript在网页中输出内容 JavaScript使用document.write来输出内容.例如  document.writ

【JavaScript】在同一个网页中实现多个JavaScript特效

在网页中,如果出现两次<script type="text/javascript"></script>标签,所有的JavaScipt脚本都不会再生效,只能出现一次<script type="text/javascript"></script>标签,但是,同一个网页中常常需要多个JavaScript特效. 一.基本目标 在网页中挂载两个JavaScript时钟,其中一个是每1秒走一次的正常时间,另外一个是每3秒才走一次的

Tracker 是一个运行于浏览器书签栏的 JavaScript 嗅探工具,她将被启动于其他网页之后,为了协助您了解目标网页中 JavaScript 的运行情况

1 概述 Tracker 是一个运行于浏览器书签栏的 JavaScript 嗅探工具,她将被启动于其他网页之后,为了协助您了解目标网页中 JavaScript 的运行情况,包括:执行覆盖率.执行行数.是否存在执行或语法错误等信息,当你对一个目标网页使用 Tracker,该网页的上方将加载进来一个 Tracker 导航栏. 不用安装,快速开始 也欢迎体验桌面客户端版 Tracker 是一个运行于浏览器书签栏的 JavaScript 嗅探工具,她将被启动于其他网页之后,为了协助您了解目标网页中 Ja

在UIWebView中间接调用网页中的javascript代码获得想要的值

日记和一些废话: 今天在使用webView加载网页后, 发现网页中的点击事件是用js代码实现的, 可是怎么点击都没有反应, 而且我主要是想获取到点击事件转到的url , 后来发现html中又这么一段代码: document.addEventListener('WebViewJavascriptBridgeReady', function onBridgeReady(event) function openPage(pageUrl) { if(bridge) { bridge.send(pageU

JavaScript基础 每1.5秒钟在网页中出现一个太阳的图片 整齐排列

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"