一、<script>xxxx</script>标签解析

1.charset ：可选,表示通过src属性指定的字符集，由于大多数浏览器忽略它，所以很少有人用它
2.defer:可选.表示脚本可以延迟到文档完全解析和显示之后再执行，由于大多数浏览器不支持，故很少用
3.language:已经废弃。原来用于代码使用的脚本语言，由于大多数的浏览器都忽略它，所以不要用
4.src:可选,表示包含要执行代码的外部文件
5.type:必需,可以看作是language的替代品,表示代码使用的脚本语言的内容类型。例:type="text/javascript".

二、第一个javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>第一个JavaScript</title>

</head>

<body>

<script type="text/javascript">

alert('欢迎来到JavaScript 世界！');

</script>

JavaScript 世界！

</body>

</html>

效果:

三、内嵌javascript的问题

3.1 如下列代码:红色字体

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>第一个JavaScript</title>

</head>

<body>

<script type="text/javascript">

alert('</script>');

</script>

JavaScript 世界！

</body>

</html>

效果:

可以看到。在执行时遇到</script>时，浏览器默认为已经结束，后面的内容会原文输出,如果使用外部的js文件就不会有此问题

解决方法：

alert('</scr'+'ipt>');

3.2 内嵌代码不利于维护和扩展,建议使用外部js文件

四、外部js文件的引入

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>第一个JavaScript</title>

</head>

<body>

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

JavaScript 世界！

</body>

</html>

外部文件:

alert('</script>');

效果:

五、<noscript>元素的属性

<noscript>

    <p>本页显示需要浏览器支持(启用)Javascript

      </noscript>

  • 浏览器不支持脚本

  • 浏览器支持脚本,但脚本被禁用,浏览器就会显示<noscript>中的内容

  • 这个页面会在脚本无效的情况下，向用户显示一条信息，而在启用了脚本的浏览器中，用户永远也不会看到它

六、常见错误

6.1引入外部文件没有以</script>结束.

错误代码如下:

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

以上写法js是不要执行的，请以</script>结束正确的写法

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

6.2、引入外部文件后<script></script>不可以再加入其它的js脚本

错误代码:

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

alert('这里是执行不到的!');

</script>

执行后发现中间的内容是不会被执行到的,如果需要请在外部js中添加，或者写内部js脚本

JavaScript二(第一个js程序)的更多相关文章

  1. javascript中，一个js中的函数，第一句var _this = this;为什么要这样做？

    javascript中,一个js中的函数,第一句var _this = this;为什么要这样做? 下面是源码: 下面这段代码是常用的网站首页,自动切换span或者tabbar来变更List显示内容的 ...

  2. python flask框架学习(二)——第一个flask程序

    第一个flask程序 学习自:知了课堂Python Flask框架——全栈开发 1.用pycharm新建一个flask项目 2.运行程序 from flask import Flask # 创建一个F ...

  3. （二）一个MFC程序，消息映射，纯代码

    1.应用程序类 CWinApp https://docs.microsoft.com/zh-cn/cpp/mfc/reference/cwinapp-class?f1url=https%3A%2F%2 ...

  4. 高性能的JavaScript,这是一个高级程序员必备的技能

    不知道大家有没有看过高性能JavaScript,这个书是一本好书,推荐有JavaScript的基础的同学可以看一看这本书. 下面是我根据这本书整理出来的知识: 1.将经常使用的对象成员.数组项.和域外 ...

  5. OD 实验(十二) - 对一个 Delphi 程序的逆向

    程序: 运行程序 界面显示的是未注册 点击 Help -> About 点击 Use Reg Key 这里输入注册码 用 PEiD 看一下 该程序是用 Delphi 6.0 - 7.0 写的 逆 ...

  6. [JavaScript]如何实现一个JS脚本能在browser和NodeJs里都是用

    下面是一个Common的Solution 'use strict'; // Universal Module Definition (UMD) to support AMD, CommonJS/Nod ...

  7. 一个js程序：离下一个圣诞节还有多少天？

    话不多说上代码: //离下一个圣诞节还有多少天 var christ=new Date(); christ.setMonth(11); christ.setDate(25); var year=now ...

  8. 第一个js程序

    <html><head> <title>Untitled</title> <script >function demo(){ alert ( ...

  9. PyCharm搭建Spark开发环境 + 第一个pyspark程序

    一, PyCharm搭建Spark开发环境 Windows7, Java 1.8.0_74, Scala 2.12.6, Spark 2.2.1, Hadoop 2.7.6 通常情况下,Spark开发 ...

随机推荐

  1. jProfiler远程连接Linux监控jvm1运行状态

    第一步:下载软件官网地址:https://www.ej-technologies.com/download/jprofiler/files,下载一个linux服务端,一个windows客户端 GUI界 ...

  2. 手把手教你搭建Docker私有仓库

    章节一:centos7 docker安装和使用_入门教程 章节二:使用docker部署Asp.net core web应用程序 有了前面的基础,接下来的操作就比较简单了.先准备两台虚拟机,两台机器上都 ...

  3. spring---aop（3）---Spring AOP的拦截器链

    写在前面 时间断断续续,这次写一点关于spring aop拦截器链的记载.至于如何获取spring的拦截器,前一篇博客已经写的很清楚(spring---aop(2)---Spring AOP的JDK动 ...

  4. HttpPost+json请求---服务器中文乱码及其他

    好凌乱的题目,只是一些功能点的总结咯. 首先构造一个json对象用于存放数据,如果光加上header为utf-8就能解决中文就大错特错了... json对象可以put变量,也可以put对象.取的时候o ...

  5. MyBatis接口的简单实现原理

    MyBatis接口的简单实现原理 用过MyBatis3的人可能会觉得为什么MyBatis的Mapper接口没有实现类,但是可以直接用? 那是因为MyBatis使用Java动态代理实现的接口. 这里仅仅 ...

  6. MYSQL 源代码编绎脚本

    http://blog.csdn.net/hopingwhite/article/details/5808101

  7. 使用 UITabBar 时，子画面虽然已经占满全屏幕，但在其底部，仍然有点击事件（可以响应UITabBar）

    使用 UITabBar 时,我们长长会遇到这样的问题. 问题:一个使用(或继承)了UITabBar的Aview,为其添加一个子画面Bview时,虽然 Bview的尺寸已经占满了整个手机屏幕,但是,Bv ...

  8. putty如何退出全屏模式

    putty有全屏模式,有单击标题栏,在弹出餐单中有fullscreen选项. 全屏模式看起来挺不错. 退出全屏模式的方式有点特别.Esc不起作用.Alt+Enter也不起作用. 要退出的时候需要把鼠标 ...

  9. Saving HDU hdu

    话说上回讲到海东集团面临内外交困.公司的元老也仅仅剩下XHD夫妇二人了.显然.作为多年拼搏的商人,XHD不会坐以待毙的. 一天,当他正在苦思冥想解困良策的时候.突然想到了自己的传家宝,那是公司成立的时 ...

  10. XCL-Charts画曲线图(CurveChart) 例2

    还有一个横向的曲线图(CurveChart) 效果: 代码: //图基类 chart = new CurveChart(); //图所占范围大小 chart.setChartRange(0, 0, t ...