<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在网页中使用以及注意事项的更多相关文章

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

    下面我将写出一个函数,用来获取GET方法提交的参数 function getParameter(parameterName) { var string = window.location.search ...

  2. HTML5 CSS JavaScript在网页中扮演的角色

    HTML (content layer) CSS (presentation layer) JavaScript (Interactive layer) 参考链接: [1] https://www.y ...

  3. 将JavaScript 插入网页的方法

    将JavaScript 插入网页的方法 使用Javascript代码. 插入JavaScript 与在网页中插入CSS的方式相似.使用下面的代码可以在网页中插入JavaScript: ... 其中的. ...

  4. javascript和swf在网页中交互的一些总结

    Javascript和swf在网页中交互一般可有以下几种情况: 1.swf和这些调用的javascript在同域 2.swf和这些调用的javascript在不同域,比如加载远程的swf然后call别 ...

  5. 微信公众号开发之网页中及时获取当前用户Openid及注意事项

    目录 (一)微信公众号开发之VS远程调试 (二)微信公众号开发之基础梳理 (三)微信公众号开发之自动消息回复和自定义菜单 (四)微信公众号开发之网页授权获取用户基本信息 (五)微信公众号开发之网页中及 ...

  6. Python 爬取网页中JavaScript动态添加的内容（一）

    当我们进行网页爬虫时,我们会利用一定的规则从返回的 HTML 数据中提取出有效的信息.但是如果网页中含有 JavaScript 代码,我们必须经过渲染处理才能获得原始数据.此时,如果我们仍采用常规方法 ...

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

    在网页中,假设出现两次<script type="text/javascript"></script>标签,全部的JavaScipt脚本都不会再生效,仅仅能 ...

  8. 网页中插入javascript的几种方法

    网页中插入javascript的方法常见的有两种: 一.直接使用html标记 JavaScript 可以出现在 html的任意地方.使用标记<script>…</script> ...

  9. javascript怎么获取指定url网页中的内容

    javascript怎么获取指定url网页中的内容 一.总结 一句话总结:推荐jquery中ajax,简单方便. 1.js能跨域操作么? javascript出于安全机制不允许跨域操作的. 二.用ph ...

随机推荐

  1. asp.net core webapi 生成导出excel

    /// <summary> /// 下载订单 /// </summary> /// <param name="model"></param ...

  2. VS2017 启动调试出现 无法启动程序“http://localhost:15613” 操作在当前状态中是非法的。 同时附加进程也是错误的解决方法

    第一次发表这样的博客,不会如何的排版,还有很多的不懂,大神勿喷哈! 同时是给自己做的一次记录,已方便后面可能会同样出现该问题后不用像无头苍蝇一样到处百度乱找 VS2017 启动调试出现  无法启动程序 ...

  3. Android破解学习之路（十六）—— dll破解的IL指令

    IL指令介绍 IL是.NET框架中中间语言(Intermediate Language)的缩写. 使用.NET框架提供的编译器可以直接将源程序编译为.exe或.dll文件,但此时编译出来的程序代码并不 ...

  4. Netty实战九之单元测试

    ChannelHandler是Netty应用程序的关键元素,所以彻底地测试他们应该是你的开发过程的一个标准部分.最佳实践要求你的测试不仅要能够证明你的实现是正确的,而且还要能够很容易地隔离那些因修改代 ...

  5. vmware启动黑屏(本来是好的)

    在cmd下运行 netsh winsock reset 重启真实系统

  6. ajax 跨域请求解决方案

    1.为什么出现跨域: 前端和后端同一个项目下,ajax请求的地址是localhost同一个端口是话,是不会出现跨域问题的,所以相反前端和后端分开时,ajax请求的地址或者端口不是跟后台相同时就会出现跨 ...

  7. 1.创建和销毁对象_EJ

    在这里记录<Effective Java>学习笔记.该书介绍了java编程中70多种极具实用价值的经验规则,揭示了该做什么,不该做什么才能产生清晰.健壮和高效的代码. 第1条: 考虑用静态 ...

  8. POJ2155(二维树状数组)

    Matrix Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 17226   Accepted: 6461 Descripti ...

  9. 配置安全域名https申请免费证书并配置nginx运行环境

    补全信息时选项 在这一步需要去查看进度,下载对应文件上传到对应站点根目录里按照要求建的隐藏类型的文件 如下图 讲证书文件按照下面操作 进行配置项配置https 如下 详情下载附件 server { l ...

  10. 洛谷P1337 [JSOI2004]平衡点 / 吊打XXX(模拟退火)

    题目描述 如图:有n个重物,每个重物系在一条足够长的绳子上.每条绳子自上而下穿过桌面上的洞,然后系在一起.图中X处就是公共的绳结.假设绳子是完全弹性的(不会造成能量损失),桌子足够高(因而重物不会垂到 ...