JavaScript二(第一个js程序)
一、<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程序)的更多相关文章
- javascript中，一个js中的函数，第一句var _this = this;为什么要这样做？
javascript中,一个js中的函数,第一句var _this = this;为什么要这样做? 下面是源码: 下面这段代码是常用的网站首页,自动切换span或者tabbar来变更List显示内容的 ...
- python flask框架学习(二)——第一个flask程序
第一个flask程序 学习自:知了课堂Python Flask框架——全栈开发 1.用pycharm新建一个flask项目 2.运行程序 from flask import Flask # 创建一个F ...
- （二）一个MFC程序，消息映射，纯代码
1.应用程序类 CWinApp https://docs.microsoft.com/zh-cn/cpp/mfc/reference/cwinapp-class?f1url=https%3A%2F%2 ...
- 高性能的JavaScript,这是一个高级程序员必备的技能
不知道大家有没有看过高性能JavaScript,这个书是一本好书,推荐有JavaScript的基础的同学可以看一看这本书. 下面是我根据这本书整理出来的知识: 1.将经常使用的对象成员.数组项.和域外 ...
- OD 实验(十二) - 对一个 Delphi 程序的逆向
程序: 运行程序 界面显示的是未注册 点击 Help -> About 点击 Use Reg Key 这里输入注册码 用 PEiD 看一下 该程序是用 Delphi 6.0 - 7.0 写的 逆 ...
- [JavaScript]如何实现一个JS脚本能在browser和NodeJs里都是用
下面是一个Common的Solution 'use strict'; // Universal Module Definition (UMD) to support AMD, CommonJS/Nod ...
- 一个js程序：离下一个圣诞节还有多少天？
话不多说上代码: //离下一个圣诞节还有多少天 var christ=new Date(); christ.setMonth(11); christ.setDate(25); var year=now ...
- 第一个js程序
<html><head> <title>Untitled</title> <script >function demo(){ alert ( ...
- PyCharm搭建Spark开发环境 + 第一个pyspark程序
一, PyCharm搭建Spark开发环境 Windows7, Java 1.8.0_74, Scala 2.12.6, Spark 2.2.1, Hadoop 2.7.6 通常情况下,Spark开发 ...
随机推荐
- PostgreSQL教程收集（中文文档/命令行工具/常用命令）
http://www.postgres.cn/docs/9.6/index.html(中文文档) https://www.postgresql.org/docs/10/static/auth-meth ...
- Android Tasker应用之自动查询并显示话费流量套餐信息
Android Tasker应用之自动查询并显示话费流量套餐信息 虽然Android平台有非常多的流量监控软件,但最准确的流量数据还是掌握在运营商手里.有些朋友可能像我一样时不时地发短信查询流量信息, ...
- Flex4+spring+hibernate+BlazeDS整合案例
http://wenku.baidu.com/link?url=7v5xAyD2nvChQRT60QewpvAASFHMZNvD0OxX11OASYvae8jbVNsr5I000TwwYOlChzq0 ...
- Windows操作系统下的MySQL主从复制及读写分离
一.主服务器(master)配置 1.修改MySQL配置文件my.ini [mysqld] log-bin=mysql-binlog-bin-index=mysql-bin.indexserver-i ...
- python文本 maketrans和translate
python文本 maketrans和translate 场景: 过滤字符串的某些字符,我们从例子出发 >>> tb=str.maketrans ('abc','123') & ...
- 使用 Reachability 获取网络状态
Reachability source https://developer.apple.com/library/ios/samplecode/Reachability/Introduction/Int ...
- Mantis邮件服务器配置
1.在apache下的php.ini中修改(这里是以163的邮箱为例子):[mail function];For Win32 only.SMTP = smtp.163.com; //设置邮箱的发送地址 ...
- Redis源代码分析（十二）--- redis-check-dump本地数据库检測
这个文件我在今天分析学习的时候,一直有种似懂非懂的感觉,代码量700+的代码,最后开放给系统的就是一个process()方法.这里说的说的数据库检測,是针对key的检測,会用到,以下提到的结构体: / ...
- iOS抽屉效果
源代码下载 抽屉效果第三方类库下载 所需第三方类库下载 側拉栏抽屉效果图 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTUhUaW9z/font/5a6L ...
- H264 RTP封包原理(转载)
1. 引言 随着信息产业的发展,人们对信息资源的要求已经逐渐由文字和图片过渡到音频和视频,并越来越强调获取资源的实时性和互动性.但人们又面临着另外一种不可避免的尴尬,就是在网络上看到生 ...