JavaScript入门基础

定义变量的关键词是var

1. 必须使用字母,下划线,或者$开始

2. 使用多个字母,下划线,数字,$组合

3. 不能使用javaScript关键词与保留字


定义函数(方法)

function 函数名(){

       函数代码;

}

1. 可以在script标签中直接调用

2.在HTML文件中,通过按钮点击调用

方法返回函数和java也有点区别


JavaScript入门基础_第1张图片

警告(alert消息对话框)

语法:alert(字符或变量)


JavaScript入门基础_第2张图片

确认(confirm消息对话框)

常用语允许胡勇做选择的动作,“你确定购买吗?”

语法:confirm(str)

str:在消息对话框中显示的文本

返回值:boolean


JavaScript入门基础_第3张图片

提问(prompt消息对话框)

询问性质的对话框

语法:prompt(str1,str2);

str1:要显示在对话框中的内容,不可以修改

str2:显示在输入文本中的内容,可以修改

1. 点击确定按钮,文本框中的内容将作为函数返回值

2. 点击取消按钮,返回null


JavaScript入门基础_第4张图片

获取ID元素

语法:document.getElementById("id");


innerHTML属性

用于获取或者替换HTML元素的内容

语法:Object.innerHTML 

1. Object是元素对象

2. 区分大小写


JavaScript入门基础_第5张图片
JavaScript入门基础_第6张图片

改变HTML样式

HTML DOM允许JavaScript改变HTML元素的样式

语法:Object.style.property=new style;

基础属性表


JavaScript入门基础_第7张图片
JavaScript入门基础_第8张图片

显示和隐藏(display属性)

显示与隐藏的效果

语法: Object。style。display=value

value:none此元素隐藏       block此元素显示为块级元素

JavaScript入门基础_第9张图片

控制类名(className属性)

设置返回class属性

语法:Object.className=classname;

作用:

1. 获取元素的class属性

2. 为网页内的某个元素指定一个css样式来改变元素的外观


JavaScript入门基础_第10张图片
JavaScript入门基础_第11张图片

你可能感兴趣的:(JavaScript入门基础)