<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. 在.net中怎么解析json串 [Error reading JObject from JsonReader. Current JsonReader item is not an obj]

    编辑时间:2017-05-10,增加一种转化list的方法 一.以前知道一种解析json串的方法,觉得有点麻烦.就从别的地方搜到了另一种 string json = vlt.getlist(); JO ...

  2. C#中struct和class的区别详解

    本文详细分析了C#中struct和class的区别,对于C#初学者来说是有必要加以了解并掌握的. 简单来说,struct是值类型,创建一个struct类型的实例被分配在栈上.class是引用类型,创建 ...

  3. java关于字符串的一些实用操作工具类方法

    package cn.edu.stdu; import java.util.ArrayList; import java.util.LinkedHashSet; import java.util.Se ...

  4. jQuery 练习：取出数组字典的值, 静态对话框, clone方法应用

    jQuery 中文API文档 http://jquery.cuishifeng.cn/ jQuery 取出数组字典的值 <head> <meta charset="UTF- ...

  5. file上传图片，base64转换、压缩图片、预览图片、将图片旋转到正确的角度

    /** * 将base64转换为文件对象 * (即用文件上传输入框上传文件得到的对象) * @param {String} base64 base64字符串 */ function convertBa ...

  6. cf1136D. Nastya Is Buying Lunch(贪心)

    题意 题目链接 给出一个排列,以及\(m\)个形如\((x, y)\)的限制,表示若\(x\)在\(y\)之前则可以交换\(x, y\). 问\(n\)位置上的数最多能前进几步 \(n \leqsla ...

  7. 个人练习：使用HTML+CSS制作二级菜单

    最近一直在学习HTML+CSS,刚看完如果制作下拉菜单部分,就想着做一个练练手. 先上成品图: 就是上面这个效果,横向菜单选项能点击,鼠标放在上面也能展开二级菜单,二级菜单也能点击,点击后就会在底下的 ...

  8. Android Studio： Error:Cannot locate factory for objects of type DefaultGradleConnector, as ConnectorServiceRegistry

    将别人的项目导入自己的环境下出现的问题. Gradle refresh failed; Error:Cannot locate factory for objects of type DefaultG ...

  9. Retrieve OpenGL Context from Qt 5.5 on OSX

    In the latest Qt 5.5, the QOpenGLWidget is much better and has less bugs than the QGLWidget, but it ...

  10. Android 打包混淆

    将项目改成Module //项目build.gradle的applicationId注释掉 修改apply plugin: 'com.android.library' 打包混淆脚本 //在项目的bui ...