JavaScript ——初步使用

JavaScript介绍

1.什么是 JavaScript :

JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基 于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运 行,而只需要支持它的浏览器即可。它的主要目的是,验证发往服务器端的数据、增加 Web 互动、加强用户体验度等

2.JavaScript的特点:

松散性:

JavaScript 语言核心与 C、C++、Java 相似,比如条件判断、循环、运算符等。但,它 却是一种松散类型的语言,也就是说,它的变量不必具有一个明确的类型。

对象属性:

JavaScript中的对象把属性名映射为任意的属性值。它的这种方式很像哈希表或关联数组,而不像C中的结构体或者C++、Java中的对象。

继承机制:

JavaScript中的面向对象继承机制是基于原型的,这和另外一种不太为人所知的Self语言很像,而和C++以及Java中的继承大不相同。

3.JavaScript核心

虽然JavaScript和ECMAScript通常被人们用来表达相同的含义,但JavaScript的含义却比ECMA-262中规定的要多得多。一个完整的JavaScript应该由下列三个不同的部分组成。

  1. 核心(ECMAScript)
  2. 文档对象模型(DOM)
  3. 浏览器对象模型(BOM)

 4.标签解析

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

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

 5.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之间。

不再需要提供注释,以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代码,我们习惯在代码的前后用html注释掉,现在已经不需要了。

<script type="text/javascript">
<!--
	alert('欢迎!');
-->
</script>

平稳退化不支持JavaScript处理:<nosciprt>

<noscript>
	您没有启用JavaScript
</noscript>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值