❤️💕💕JavaSript学习,前期的HTML教程和后期VUE和flutter教程。Myblog:http:https://nsddd.top
[TOC]
浏览器分为两个部分,渲染引擎和js引擎
- 渲染引擎:用来渲染HTML与CSS,俗称内核,比如chrome浏览器的blink
- js引擎:也称之为js解释器,用来读取网页中的JavaScript代码,对其做后期的处理,比如chrome的v8
js引擎执行js代码是逐行解析的
- JavaScript语法
- DOM页面文档对象模型
- BOM浏览器对象模型
- 行内
- 内嵌
- 外部
- 可以编写到标签的指定属性中
<button onclick="alert('hello');">我是按钮</button>
<a href="javascript:alert('aaa');">超链接</a>
- 以编写到script标签中
<script type="text/javascript">
//编写js代码
</script>
- 可以将代码编写到外部的js文件中,然后通过标签将其引入
script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略 ,如果需要则可以在创建一个新的script标签用于编写内部代码
<script type="text/javascript" src="文件路径"></script>
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewpport" content="width=device-width,initial-sacle=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>1.heml</title>
<script>
//alert("内嵌式js")
</script>
<script src="1.js"></script>
<!-- 外部js写法 -->
</head>
<body>
<!-- 1. 行内式js直接写 -->
<input type="button" value="你好啊" onclick="alert('xiongxinwei')">
</body>
</html>
alert("要输出的内容");
该语句会在浏览器窗口中弹出一个警告框
document.write("要输出的内容");
该内容将会被写到body标签中,并在页面中显示
console.log("要输出的内容");
该内容会被写到开发者工具的控制台中
prompt(info)
浏览器弹出输入框,用户可以输入
js函数声明不需要;分号,但是赋值语句要加;分号
function functionName(arg0,arg1,arg2){
//函数声明
}
var functionName=function(arg0,arg1,arg2){
//函数表达式
};(注意分号)
单行注释
//注释内容
多行注释
/*
注释内容
*/
JS严格区分大小写
JS中每条语句以分号(;)结尾如果不写分号,浏览器会自动添加,但是会消耗一些系统资源, 而且有些时候,浏览器会加错分号,所以在开发中分号必须写
JS中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。
字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN "hello"
字面量都是不可以改变的。
由于字面量不是很方便使用,所以在JS中很少直接使用字面量
变量可以用来保存字面量,并且可以保存任意的字面量
一般都是通过变量来使用字面量,而不直接使用字面量,而且也可以通过变量来对字面量进行一个描述
声明变量
使用var关键字来声明一个变量
var a;
为变量赋值
a = 1;
声明和赋值同时进行
var a = 456;
在JS中所有的可以自主命名的内容,都可以认为是一个标识符, 是标识符就应该遵守标识符的规范。
比如:变量名、函数名、属性名
规范:
1.标识符中可以含有字母、数字、_、$
2.标识符不能以数字开头
3.标识符不能是JS中的关键字和保留字
4.标识符一般采用驼峰命名法
xxxYyyZzz