js基础

现在基本上所有浏览器都支持javascript

它是一种轻量级的编程语言，可以给网页添加各种动态效果，使网页更加美观

可放在和body>，一般放在中

放在中浏览器解析head时就会执行

放在中页面读取到该语句时就会执行

javascript是一种区分大小写的编程语言

javascript的注释有

[javascript] view plain copy
//单选注释
/多选注释/
使用javascript我们可以使用在Html页面中插入javascript代码

[html] view plain copy

type="text/javascript"是告诉浏览器，

javascript中每个语句用";“分隔开，”;"可以不写，建议写上
变量：

声明变量用关键字：var

如：

[javascript] view plain copy
var myVar;
var myVar=“javascript”;
var myNum=6;
var myChar=“name”, age=“20”;
var arr=[1, 2, 3, 4];
var arr=[“wu”, “xiao”, “cheng”];
var arr=new Array(“wu”, “xiao”, “cheng”);

var arr=new Array();
arr[0]=20;
arr[1]=“Hello World”’
当声明一个变量，但没有赋值时，其值为“undefined”
如：

[javascript] view plain copy
var str;
当然，变量可以不声明，直接使用，但这样做并不规范，建议声明后再使用
变量名的命名：

必须以字母、下划线()或美元符()开始，可以使用多个字母、数字、下划线()或美元符()开始，可以使用多个字母、数字、下划线()或美元符()开始，可以使用多个字母、数字、下划线(
)
​
或美元符()

但不能使用javascript关键词和javascript保留字

当声明多个变量时，用","隔开

局部变量和成员变量

[html] view plain copy

函数： javascript中定义函数的方法：
[javascript] view plain copy
function 函数名(){
函数代码;
}
function是定义函数的关键字

函数名为给该函数起的名字

()括号里可以传递参数，也可以不传递参数，参数可以传递任意多个，当有多个参数时，用","分隔开

函数代码是要完成特定功能的代码

函数的调用：

函数定义好后要调用才会执行

调用方法：

在

[javascript] view plain copy

在html中调用
[html] view plain copy

//这里使用按钮来调用函数

输出：

可以使用document.write()向Html直接输出内容，输出多项内容用"+"连接

如：
[html] view plain copy

确定：
[javascript] view plain copy
function con(){
var showMessage=confirm(“点击确定还是取消？”);
if(showMessage==true){
document.write(“你点击了确定”);
}else{
document.write(“你点击了取消”);
}
}
[html] view plain copy

点击按钮后会在页面打印出相应的内容
提问：

带文本输入框的消息对话框

prompt(str1,str2);

str1为提示的内容，不可修改

str2为输入框中提示的内容，可修改

[javascript] view plain copy
function pro(){
var showMessage=prompt(“显示内容”,“输入内容”);
if(showMessage>100){
document.write(“你输入的内容大于100”);
}else{
document.write(“你输入的内容小于100”);
}
}
[html] view plain copy

警告：
alert(字符串或变量);
如

[html] view plain copy
alert(“Hello World”);

异常处理：

如下，

[javascript] view plain copy

message是没有声明的，所以运行该函数时会有错误，但没胡任何提示，这时可以用try catch来捕获异常
[javascript] view plain copy
function demo(){
try{
//执行的语句
alert(message);
}catch(err){
//对错误的处理，弹出提示
alert(err)
}
}
demo();
也可以用throw来捕获异常，它可以用来自定义一个错误，可以与try，catch一起使用
throw的使用

[javascript] view plain copy
throw “输出的内容”;

Javascript-DOM
DOM是文档对象模型(Document Object Model)

当页面加载时，用来访问和处理Html文档的标准方法，DOM以树结构呈现html文档中的元素属性等

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 Html
JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

DOM操作Html

[javascript] view plain copy
document.write();
要注意的是不要在加载完文档后用例document.write();，这样会覆盖掉该文档
寻找元素：
通过ID找到Html元素

[html] view plain copy

原来内容
————————————————
版权声明：本文为CSDN博主「weixin_45588014」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_45588014/article/details/101098853