JavaScript在网页中使用以及注意事项
<script>标签的解析
<script>xxx</script>这组标签，是用于在 html 页面中插入 js 的主要方法。它主要有以下几个属性：
charset：可选。表示通过 src 属性指定的字符集。被大多数浏览器忽略，很少有人用。
defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。大多数浏览器不支持，很少用。可以将 JS代码放在html内容的后面，这样可实现延时加载
language：已废弃。原来用于代码使用的脚本语言。被大多数浏览器忽略，不能用。
src：可选。表示包含要执行代码的外部文件。
type：必需。可以看作是 language 的替代品。表示代码使用的脚本语言的内容类型。范例：type="text/javascript"。
js代码在网页中的应用方式
直接在网页中使用
<script type="text/javascript">
alert(new Date())
</script>
引入方式
将js文件放置在一个单独的文件中，引入（开发使用这种方式）
<script type="text/javascript" src="demo.js"></script>
将js程序代码作为属性值
<body>
<a href="javascript:alert(new Date())">abc</a>
<!--当点击abc这个文本链接时，浏览器会执行JavaScript后面的代码-->
</body>
作为事件属性来执行js代码
<body>
<input type="button" value="abc" onclick="alert(new Date())">
</body>
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('</scr'+'ipt>')
</script>
按照常规，我们会把<script>标签存放到<head>...</head>之间。但有时也会放在 body 之间。
当浏览器不支持js或者被禁用掉js的话 ，在body中加上下面这句
<noscript>
您没有启动JavaScript
</noscript>
JavaScript在网页中使用以及注意事项的更多相关文章
- 使用Javascript获得网页中通过GET方法提交的参数
下面我将写出一个函数,用来获取GET方法提交的参数 function getParameter(parameterName) { var string = window.location.search ...
- HTML5 CSS JavaScript在网页中扮演的角色
HTML (content layer) CSS (presentation layer) JavaScript (Interactive layer) 参考链接: [1] https://www.y ...
- 将JavaScript 插入网页的方法
将JavaScript 插入网页的方法 使用Javascript代码. 插入JavaScript 与在网页中插入CSS的方式相似.使用下面的代码可以在网页中插入JavaScript: ... 其中的. ...
- javascript和swf在网页中交互的一些总结
Javascript和swf在网页中交互一般可有以下几种情况: 1.swf和这些调用的javascript在同域 2.swf和这些调用的javascript在不同域,比如加载远程的swf然后call别 ...
- 微信公众号开发之网页中及时获取当前用户Openid及注意事项
目录 (一)微信公众号开发之VS远程调试 (二)微信公众号开发之基础梳理 (三)微信公众号开发之自动消息回复和自定义菜单 (四)微信公众号开发之网页授权获取用户基本信息 (五)微信公众号开发之网页中及 ...
- Python 爬取网页中JavaScript动态添加的内容（一）
当我们进行网页爬虫时,我们会利用一定的规则从返回的 HTML 数据中提取出有效的信息.但是如果网页中含有 JavaScript 代码,我们必须经过渲染处理才能获得原始数据.此时,如果我们仍采用常规方法 ...
- 【JavaScript】在同一个网页中实现多个JavaScript特效
在网页中,假设出现两次<script type="text/javascript"></script>标签,全部的JavaScipt脚本都不会再生效,仅仅能 ...
- 网页中插入javascript的几种方法
网页中插入javascript的方法常见的有两种: 一.直接使用html标记 JavaScript 可以出现在 html的任意地方.使用标记<script>…</script> ...
- javascript怎么获取指定url网页中的内容
javascript怎么获取指定url网页中的内容 一.总结 一句话总结:推荐jquery中ajax,简单方便. 1.js能跨域操作么? javascript出于安全机制不允许跨域操作的. 二.用ph ...
随机推荐
- IIS Tomcat共享80端口
为什么有这种需求, 原因是这样的, 公司有一个Java的web项目,在另一台服务器A上,最近老板一时兴起,想把他合并到这台稳定点的服务器B上,服务器B上使用IIS来寄宿asp.net 网站, 怎么办呢 ...
- [android] 自定义广播事件
上一节的短信拦截在4.0以上系统中无效,可以使用这种办法实现,定义一个activity,清单文件中指定主题为透明,在onCreate()方法里面直接调用finsh()方法,关掉,这样可以就可以实现了 ...
- 32.QT-制作最强电压电阻表盘,可以自定义阴影效果,渐变颜色,图标,文字标签等-附带demo程序
由于上位机需要绘制电压电阻表盘,如下图所示: 后来,在网上找阿找,还是没找到满意的,索性自己来画控件算了,由于第一次画控件,所以花了我2天时间,才画好 效果图如下: 上图的所有颜色(包括滑动的渐变/单 ...
- java8 Stream sorted()的一次调用链记录
代码 public static void main (String[] args) { Stream.of("d2", "a2", "b1" ...
- LINUX sed grep awk之间比较整理
正则表达式基础 在最简单的情况下,一个正则表达式看上去就是一个普通的查找串.例如,正则表达式"testing"中没有包含任何元字符,,它可以匹配"testing" ...
- virtualbox中 Kali Linux安装增强功能
1. 将VBoxLinuxAdditions.run文件copy出来 2. 赋予执行权限 chmod +x VBoxLinuxAdditions.run 3. 安装 ./VBoxLinuxAdditi ...
- 关于 Socket 设置 setSoTimeout 误用的说明
做网络开发的想必对setSoTimeout这个方法很熟悉,知道是设置的超时事件.但是很多人都认为这个是设置链路的超时时间,但是查看相关文档的此方法的说明: HttpConnectionParams: ...
- JavaScript 基础(一) - JavaScript的引入方式，JavaScript 变量命名规则，JS 的五种基本数据类型，ECMAScript 算数运算符，逻辑运算符
JavaScript的引入方式 直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
- loadrunner 脚本优化-事务时间简介
脚本优化-事务时间简介 by:授客 QQ:1033553122 事务概念 事务是指用户在客户端做一种或多种业务所需要的操作集(actions),通过事务开始和结束函数可以标记完成该业务所需要的操作内容 ...
- Android IPC机制（四）用ContentProvider进行进程间通信
前言 ContentProvider为存储和获取数据提供统一的接口,它可以在不同的应用程序之间共享数据,本身就是适合进程间通信的.ContentProvider底层实现也是Binder,但是使用起来比 ...