Javascript——简介

本文介绍了Web前端开发的基础概念,包括HTML、CSS和JavaScript的基本作用及使用方式。详细解释了JavaScript与ECMAScript的关系,以及JavaScript如何通过DOM和BOM操作网页内容和浏览器行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

web前端三层:
结构层 HTML 从语义角度描述页面结构
样式层 CSS 从审美角度美化页面
行为层 Javascript 从交互角度提升用户体验。

Javascript和ECMAScript关系:
ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会(European Computer Manufactures Association)制定的标准。
Javascript是由公司开发而成的,不便于其他公司拓展和使用,所以ECMA组织牵头制定Javascript标准,取名ECMAScript。
ECMAScript不是一门语言,而是一个标准。符合这个标准比较常见的有:Javascript、Action Script(Flash中使用的语言)。

JavaScript是有界面效果的弱变量类型的语言,变量只需要用var来声明。
JavaScript分为几个部分:
语言核心:变量、表达式、运算符、函数、if语句、for语句
DOM: 控制HTML中的元素,如让盒子移动、变色、轮播图
BOM: 控制浏览器的,如让浏览器自动滚动。

Javascript是前台语言,而不是后台语言。
Javascript运行在电脑里面,而不是服务器上,是一个简单的制作页面效果的语言,不能操作数据库。

程序书写的位置
在页面中,

<script type="text/javascript"></script>

就是标签对儿,里面就是书写Javascript程序的地方。
Javascript也是一个纯文本的语言。

alert语句

<script type="text/javascript">
	alert("今天天气真好");
</script>

alert用途就是弹出“警告框”。
如果我们向弹出两次警告框,就要写两条语句:

alert("今天天气真好");
alert("哈哈哈哈哈哈");

程序是一句一句执行,执行完上面的语句才能执行下面的语句。

语法规则
Javascript对换行、缩进、空格不敏感。
也就是说,

<script type="text/javascript">
	alert("今天天气真好");
	alert("哈哈哈哈哈哈");
</script>

等价于

<script type="text/javascript">
alert("今天天气真好");
alert("哈哈哈哈哈哈");
</script>

也等价于

<script type="text/javascript">
alert("今天天气真好");alert("哈哈哈哈哈哈");
</script>

每一条语句末尾要加上分号,为了今后程序压缩之后仍然能够运行。
如果不加分号,程序一旦压缩就无法使用了:

<script type="text/javascript">
alert("今天天气真好")alert("哈哈哈哈哈哈");
</script>

所有的符号都是英文符号。
注释
程序中,为了便于理解,我们可以写一些给人看的东西,程序不会运行这些内容。
//表示注释:

<script type="text/javascript">
	//alert语句表示弹出窗口
	alert("helloworld");
</script>

也可以这样:

<script type="text/javascript">
	alert("helloworld");//alert语句表示弹出窗口
</script>

注释可以很多行,但是这样比较麻烦:

<script type="text/javascript">
	//alert语句表示弹出窗口
	//注意拼写
	//注意标点符号
	alert("helloworld");
</script>

故等价于:

<script type="text/javascript">
	/*
		alert语句表示弹出窗口
		注意拼写
		注意标点符号
	*/
	alert("helloworld");
</script>

//单行注释
/*
多行注释
*/

sublime中单行注释的快捷键是ctrl+/ 多行注释快捷键是ctrl+shift+/

数字和字符串——直接量
简单的直接量有2种,数字和字符串。
数字的直接量表达不需要任何符号:

alert(886); //886是数字,所以不需要加引号。

字符串就是人说的话,比如单词、句子,不是数字,所以要加引号。

alert(今天天气很好); //错误的语句,因为没有加引号
alert("今天天气很好"); //正确的语句
console.log("今天天气很好");

console表示控制台,log就是输出。控制台是工程师、程序员调试程序的地方,经常使用这条语句输出东西来调试程序是否正确。

注意的问题:

  1. 在一对script标签中有错误的JS代码,该错误后面的JS代码不会执行。
  2. 如果第一对的script标签中有错误,不会影响后面的script标签中的JS代码执行。
  3. script的标签中,type="text/Javascript"是标准写法或者"language="Javascript"都可以。但是,目前在html页面中,type和language都可以省略,原因:html是遵循h5的标准。
  4. 有可能会出现:script标签中可能同时出现type和language的写法。
  5. script标签在页面中也可以出现多对。
  6. script标签一般是放在body标签最后,有时候会在head标签中。
  7. 如果script标签是引入外部JS文件的作用,那么这对标签中不要写任何JS代码,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值