Skip to content

Latest commit

 

History

History
229 lines (140 loc) · 4.4 KB

File metadata and controls

229 lines (140 loc) · 4.4 KB

第1节 hello word

❤️💕💕JavaSript学习,前期的HTML教程和后期VUE和flutter教程。Myblog:http:https://nsddd.top


[TOC]

浏览器执行js过程


浏览器分为两个部分,渲染引擎和js引擎

  • 渲染引擎:用来渲染HTML与CSS,俗称内核,比如chrome浏览器的blink
  • js引擎:也称之为js解释器,用来读取网页中的JavaScript代码,对其做后期的处理,比如chrome的v8

js引擎执行js代码是逐行解析的

js的组成

  • JavaScript语法
  • DOM页面文档对象模型
  • BOM浏览器对象模型

js的书写位置

  • 行内
  • 内嵌
  • 外部

  1. 可以编写到标签的指定属性中
<button onclick="alert('hello');">我是按钮</button>  
<a href="javascript:alert('aaa');">超链接</a>  
  1. 以编写到script标签中
<script type="text/javascript">  
//编写js代码  
</script>  
  1. 可以将代码编写到外部的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

END 链接