第九十七节,使用JavaScript

使用JavaScript

学习要点:

1.创建一张HTML页面

2.<Script>标签解析

3.JS代码嵌入的一些问题

一.创建一张HTML页面

因为JavaScript是嵌套在html文档中的,所以要想创建一个html文档

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
</head>
<body>

</body>
</html>

二.<Script>标签解析

<script>xxx</script>这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性:

1.charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。就是给js指定字符编码

  如:

 <script type="text/javascript" src="1.js" charset="UTF-8"></script>

2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。

3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。

4.src:可选。表示包含要执行代码的外部文件。

  如:

<script type="text/javascript" src="1.js" charset="UTF-8"></script>

5.type:必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。

  在HTML文档里写范例:type="text/javascript"。

<script type="text/javascript">
    alert(‘欢迎来到JavaScript世界!‘);
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
    <script type="text/javascript">
        alert(‘欢迎来到JavaScript世界!‘)
    </script>
</head>
<body>

</body>
</html>

三.JS代码嵌入的一些问题

如果你想弹出一个</script>标签的字符串,那么浏览器会误解成JS代码已经结束了。解决的方法,就是把字符串分成两个部分,通过连接符‘+’来连接。

<script type="text/javascript">
    alert(‘</scr‘+‘ipt>‘);
</script>

一般来说,JS代码越来越庞大的时候,我们最好把他另存为一个.js文件,通过src引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点

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

这样标签内就没有任何JS代码了。但,要注意的是,虽然没有任何代码,也不能用单标签:

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

也不能在里面添加任何代码:

<script type="text/javascript" src="demo1.js">alert(‘我很可怜,执行不到!‘)</script>

按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在body之间。

<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
    <script type="text/javascript">
        alert(‘欢迎来到JavaScript世界!‘)
    </script>
</head>

平稳退化不支持JavaScript处理:<nosciprt>,现在浏览器都支持了,但有的浏览器关闭了js支持功能,我们可以用<nosciprt>标签给予提示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
    <script type="text/javascript">
        alert(‘欢迎来到JavaScript世界!‘)
    </script>
</head>
<noscript>
    本站必须开启JavaScript支持,请将浏览器开启支持JavaScript
</noscript>
你好
<body>

</body>
</html>
时间: 2024-12-16 13:24:51

第九十七节,使用JavaScript的相关文章

centos samba/squid 配置 第二十七节课

centos  samba/squid 配置  第二十七节课 上半节课 下半节课 一. samba配置1. 什么是sambaSamba服务类似于windows上的共享功能,可以实现在Linux上共享文件,windows上访问,当然在Linux上也可以访问到.是一种在局域网上共享文件和打印机的一种通信协议,它为局域网内的不同计算机之间提供文件及打印机等资源的共享服务. 注意:smb侦听端口:139  和  445  端口 2. 安装配置samba yum install -y samba samb

第一百二十六节,JavaScript,XPath操作xml节点

第一百二十六节,JavaScript,XPath操作xml节点 学习要点: 1.IE中的XPath 2.W3C中的XPath 3.XPath跨浏览器兼容 XPath是一种节点查找手段,对比之前使用标准DOM去查找XML中的节点方式,大大降低了查找难度,方便开发者使用.但是,DOM3级以前的标准并没有就XPath做出规范:直到DOM3在首次推荐到标准规范行列.大部分浏览器实现了这个标准,IE则以自己的方式实现了XPath. 一.IE中的XPath 在IE8及之前的浏览器,XPath是采用内置基于A

centos shell编程3【告警系统】 第三十七节课

centos shell编程3[告警系统]  第三十七节课 上半节课 下半节课 整个项目没有任何架构,都是单机的,没有服务器端和客户端的概念只是简单调用一下shell脚本,子shell,通过添加更多的shell脚本扩展功能 mail.sh:做邮件收敛uptime或w 获取load average 需要安装php环境yum install -y php 需求: 使用shell定制各种个性化告警工具,但需要统一化管理.规范化管理. 思路:指定一个脚本包,包含主程序.子程序.配置文件.邮件引擎.输出日

第三百三十七节,web爬虫讲解2—PhantomJS虚拟浏览器+

第三百三十七节,web爬虫讲解2-PhantomJS虚拟浏览器+selenium模块操作PhantomJS PhantomJS虚拟浏览器 phantomjs 是一个基于js的webkit内核无头浏览器 也就是没有显示界面的浏览器,利用这个软件,可以获取到网址js加载的任何信息,也就是可以获取浏览器异步加载的信息 下载网址:http://phantomjs.org/download.html  下载对应系统版本 下载后解压PhantomJS文件,将解压文件夹,剪切到python安装文件夹 然后将P

第三百八十七节,Django+Xadmin打造上线标准的在线教育平台—网站上传资源的配置与显示

第三百八十七节,Django+Xadmin打造上线标准的在线教育平台-网站上传资源的配置与显示 首先了解一下static静态文件与上传资源的区别,static静态文件里面一般防止的我们网站样式的文件,包括ccs,js,网站样式图片 上传资源是用户操作上传的图片等资源 上传资源的配置 1,首先在项目里创建一个名称叫media的文件夹专门保存用户上传 2,settings.py文件配置上传资源的路径 # 上传资源路径,如果图片,上传文件等 MEDIA_URL = '/media/' # 设置上传资源

centos mysql 优化 第十七节课

centos mysql  优化  第十七节课 f

火云开发课堂 - 《Shader从入门到精通》系列 第十七节:在Shader中对3D模型进行色彩与纹理色的混合

<Shader从入门到精通>系列在线课程 优惠链接:http://edu.csdn.net/combo/detail/90 第十七节:在Shader中对3D模型进行色彩与纹理色的混合 视频地址: http://edu.csdn.net/course/detail/1441/22681?auto_start=1 交流论坛:http://www.firestonegames.com/bbs/forum.php 工程下载地址:请成为正式学员获取工程 课程截图: 版权声明:本文为博主原创文章,未经博主

第三百四十七节,Python分布式爬虫打造搜索引擎Scrapy精讲—通过downloadmiddleware随机更换user-agent浏览器用户代理

第三百四十七节,Python分布式爬虫打造搜索引擎Scrapy精讲-通过downloadmiddleware随机更换user-agent浏览器用户代理 downloadmiddleware介绍中间件是一个框架,可以连接到请求/响应处理中.这是一种很轻的.低层次的系统,可以改变Scrapy的请求和回应.也就是在Requests请求和Response响应之间的中间件,可以全局的修改Requests请求和Response响应 源码里downloadmiddleware里的useragent.py下的U

第三百九十七节,Django+Xadmin打造上线标准的在线教育平台—其他插件使用说,主题本地化设置

第三百九十七节,Django+Xadmin打造上线标准的在线教育平台-其他插件使用说,主题本地化设置 主题设置是在xadmin\plugins\themes.py这个文件 默认xadmin是通过下面这个json文件来动态加载的.所以我们可以到它加载的json文件里下载好主题 themes.py修改方式 #coding:utf-8 from __future__ import print_function import httplib2 from django.template import lo