JavaScript 基础认识

来源：互联网发布：朱自清背影网络编辑：程序博客网时间：2024/06/04 00:49

一、JavaScript介绍，引入，输出

1.介绍

JavaScript当下最流行的脚本语言，用于web、html、服务器、pc端、移动端等

是一种动态类型、弱类型、基于原型的语言，内置支持类型，它的解释器被称为js引擎

特性：脚本语言，基于对象，简单，动态性，跨平台性

用途：嵌入动态文本于HTML页面，轻量对浏览器事件做出响应，读写HTML元素，在数据被提交到服务器之前验证数据，检测访客的浏览器信息，控制cookies，包括创建和修改等，基于Node.js技术进行服务器端编程。

2.引入

三种引入html中的方法
1.head中—–< script>document.write(“hello world”);< /script>
2.body中—–< script>document.write(“hello world”);< /script>
3.外部创建js文件——js文件中写document.write(“hello world”); html中写< script src=”myjs.js”>< /script>

在body中用的比较少，其余两个都还可以—统一性

3.输出

1.通过document.getElementById(id) 来访问html中的元素

<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph</p><script>document.getElementById("demo").innerHTML="My First JavaScript";</script></body></html>

此实例即可改变p标签中输出的内容

2.document.write()中可以引入标签

例如：document.write(“< h1>标签< /h1>”)
就好根据h1的方式显示在网页中

3.请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My First Paragraph.</p><button onclick="myFunction()">点击这里</button><script>function myFunction(){document.write("糟糕！文档消失了。");}</script></body></html>

这段实例执行后显示
这里写图片描述

但是因为在button中包含关于document.write() 的函数，那么点击执行button就会执行document.write()，所以文档就好被覆盖
这里写图片描述

可以点击直接去试试

4.W3C知识

提示：微软支持通过 JavaScript 创建 Windows 8 app。
对于因特网和视窗操作系统，JavaScript 都意味着未来。

二、JavaScript语句、注释

1.作用

Js语句向浏览器发出命令，语句的作用告诉浏览器做什么

2.分号

分号这个梗有其他语言基础的应该都很好理解哈，不多说，总之语句之间分隔号嘛，不过，在Js中分号是可有可无的，但是！！最好加上(规范问题)

3.执行顺序

有其他语言基础这个也很好理解，从上到下执行

4.代码块

代码块用左右花括号将语句包裹起来，它的作用会对我上面的执行顺序有所不一，作用是——使语句序列一起执行——
例：function myFunction()
{
document.getElementById(“demo”).innerHTML=”Hello World”;
document.getElementById(“myDIV”).innerHTML=”How are you?”;
}
这里先不管函数

5.标识符

Js标识符必须以字母、下划线或美元符号$开始

6.大小写敏感

函数 getElementById 与 getElementbyID 是不同的。
变量 myVariable 与 MyVariable 也是不同的。

7.空格不影响

空格不影响代码执行，只是可读性的问题

8.注释

//和/**/和学过的C、C++一样

9.W3C注意点！！

提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

也就是说传统编程都是先编译再执行，而对于脚本语言来说是不编译，直接执行

三、JavaScript变量和数据类型

1.变量是存储信息的容器

使用var声明

var i=10;
var i1=10;
var m=i+i1;
document.write(m);
输出为20

2.数据类型

1.一共7种

字符串、数字、布尔、数组、对象、Null、Undefined

<script>    var x="hello";//字符串    var i=10;//数字    var flag=true;//布尔    document.write(i,x,flag);</script>

2.数组的四种用法

1.var arr=[1,2,3,4];
document.write(arr[0]);

2.var arr=[“hello”,”XuLinJie_”];
document.write(arr[0]);

3.var arr=new Array(“hello”,”Xu”);
document.write(arr[0]);

4.不知道数组大小，可以动态赋值
var arr=new Array();
arr[0]=10;
arr[1]=20;
document.write(arr[0]);

3.空（null）

var n=null;
document.write(n);

4.Undefined

var r;
document没有意义，输出是Undefined

5.通过赋值为null的方式清除变量

var i=10;
i=null;
document.write(i);
输出为null，而不再为10

3.声明变量类型

声明新变量时，可以使用关键词 “new” 来声明其类型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

new都是针对对象的，JavaScript 变量均为对象。当声明一个变量时，就创建了一个新的对象。

1 0