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

一、<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-10-10 05:45:33

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

利用Google Chrome开发插件,在网页中植入js代码

Google Chrome是一个很强大的浏览器,提供了各种各样的插件,大大提升了使用了的效率,比如vimium.honx等. Google在提供这些插件的同时还允许用户开发自己的插件. 最近在写js的脚本采集程序,需要测试在网页中的运行情况,因此可以利用Chrome插件进行测试. 1.首先第一步是新建一个文件夹,并新建一个manifest.json文件,内容如下 { "manifest_version": 2, "name": "Js implants&q

【iOS】网页中调用JS与JS注入

很多应用为了节约成本,做出同时在Android与iOS上都能使用的界面,这时就要使用WebView来做.Android和IOS上都有WebView,做起来很省事.当然这时就要考虑如何在Android或iOS中实现与网页的交互.对iOS而言,包括如何在网页中调用OC,以及如何在OC中对网页进行操作. 先将网页弄到iOS项目中: 网页内容如下, 仅供测试: <html> <head> <meta xmlns="http://www.w3.org/1999/xhtml&q

ios开发--网页中调用JS与JS注入

先将网页弄到iOS项目中: 网页内容如下, 仅供测试: [html] view plain copy <html> <head> <meta xmlns="http://www.w3.org/1999/xhtml" http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>这是一个示例html文件</title

在网页中使用js以及问题和解决方法

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

向网页中写入js和css

本函数由前辈所写 loadFile: function (url, ftype) { var fileref; if (ftype == "js") { fileref = document.createElement('script'); fileref.setAttribute("type", "text/javascript"); fileref.setAttribute("src", url); } else if (

怎样下载网页中的js文件?

1.按下F12,会看到调试的界面,如下图所示,先点击最上面的Resources选项,Frames--(你想下载的网址)--Script,下面就是全部的js文件啦,网站的图片啊什么的都可以下载了.

在网页中使用JS动态显示时间

<!DOCTYPE html> <html> <head> <title></title> <style>     div{width:300px;         height:50px;         line-height: 50px;         border:0px solid red;         background: aqua;         margin: 0 auto;         font-siz

CAD在网页中如何实现嵌套打印?

当用户需要打印两个控件的图纸时,可以采用嵌套打印实现.点击此处在线演示. 实现嵌套打印功能,首先将两个控件放入网页中,js代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <p align="center">   <object classid="clsid:74A777F8-7A8F-4e7c-AF

JS获取网页中HTML元素的几种方法分析

getElementById getElementsByName getElementsByTagName 大概介绍 getElementById ,getElementsByName ,getElementsByTagName ###adv### 后两个是得到集合,byid只是得到单个对象 getElementById 的用法 举个例子: <a id="link1" name="link1" href=http://homepage.yesky.com>