JavaScript二(第一个js程序)
2024-08-27 18:20:19
一、<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脚本
最新文章
- ubuntu14.04安装及web环境的搭建
- MySQL 分区介绍总结
- 15天玩转redis —— 第十一篇 让你彻底了解RDB存储结构
- nginx 客户端不缓存header
- EF架构~在ef中支持IQueryable级别的Contains被翻译成了Exists,性能可以接受!
- kafka 命令行操作
- 黑马程序员:Java编程_多线程
- NFine - 全球领先的快速开发平台 Dapper Chloe
- [c++]this指针理解
- jackson 解析结合类(需要传入Class, 和 Class.Class, 回调方法是List<;Class>;)
- python基础之元组(Tuple)、字典(Dictionary)详解
- Dynamics CRM 开发模板使用手册(插件开发)
- windows phone:使用sqlite-net
- 微软 Build 2016
- POJ 2182 解题报告
- ArcGIS中实现指定面积蜂窝(正六边形)方法
- Ocelot中文文档-转换Headers
- 树莓派中QT实现串口通讯
- hMailServer相关视频教程
- 利用window.performance.timing进行性能分析