JS语言学习笔记.docx
- 文档编号:27115521
- 上传时间:2023-06-27
- 格式:DOCX
- 页数:19
- 大小:335.57KB
JS语言学习笔记.docx
《JS语言学习笔记.docx》由会员分享,可在线阅读,更多相关《JS语言学习笔记.docx(19页珍藏版)》请在冰豆网上搜索。
JS语言学习笔记
1、认识JS语言
document.write("hello");显示文本
document.getElementById("p1").style.color="blue";修改特定文本的颜色
//结尾
2、插入JS标签
写入JS语句
3、引用JS外部文件
4、注释///**/
5、定义变量
var变量名varchar=“JavaScript”
6、判断语句
if(条件)
{条件成立时执行的代码}
else
{条件不成立时执行的代码}
7、函数
function函数名()
{
函数代码
}
8、输出内容
document.write()括号内是字符串的话要加双引号,变量名不需要加双引号,多项内容可以用加号连接起来
“
”是一个换行符
8、消息弹窗
alert(字符串或变量)
9、确认(confirm消息对话框)
confirm(str)//str:
在消息对话框中要显示的文本返回值是Boolean值
varmessage=confirm(str)
if(message==true)
{用户点击确定按钮}
else
{用户点击取消按钮}
10、提问(prompt消息对话框)
prompt(str1,str2);//str1:
要显示在消息对话框中的文本,不可修改
//str2:
文本框中默认的内容,可以修改
点击确定按钮,文本框中的内容将作为返回值
点击取下按钮,将返回null
varmyname=prompt("请输入你的姓名:
");
if(myname!
=null)
{alert("你好"+myname);}
else
{alert("你好myfriend.");}
11、打开新窗口
window.open(‘URL’,’窗口名称’,’参数字符串’)
URL:
可选参数,在窗口中要显示网页的网址或路径。
如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
窗口名称:
可选参数,被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_selft"具有特殊意义的名称。
_blank:
在新窗口显示目标网页
_self:
在当前窗口显示目标网页
_top:
框架网页中在上部窗口中显示目标网页
3.相同name的窗口只能创建一个,要想创建多个窗口则name不能相同。
4.name不能包含有空格。
参数字符串:
可选参数,设置窗口参数,各参数用逗号隔开。
12、关闭窗口
window.close();//关闭本窗口
<窗口对象>.close();//关闭指定窗口
第二章认识DOM
1、DOM(DocumentObjectModel)定义访问和处理HTML文档的标准方法
HTML文档可以说由节点构成的集合,三种常见的DOM节点:
1.元素节点:
上图中、
、等都是元素节点,即标签。
2.文本节点:
向用户展示的内容,如
3.属性节点:
元素属性,如标签的链接属性href=""。
2、通过ID获取元素
document.getElementById(“id”)
3、innerHTML属性
innerHTML属性用于获取或替换HTML元素的内容
语法
Object.innerHTML
1、Object是获取的元素对象,如通过document。
getElementById(“id”)获取的元素
2、注意书写,innerHTML区分大小写
4、改变HTML样式
语法:
Object.style.property=newstyle;
注:
Object是获取的元素对象,如通过document。
getElementById(“id”)获取的元素
基本属性表
5、显示和隐藏(display属性)
语法:
Object.style.display=value
注:
Object是获取的元素对象,如通过document。
getElementById(“id”)获取的元素
value取值
例子
6、控制类名(className属性)
className属性设置或返回元素的class属性
语法
object.className=className
作用
1、获取元素的class属性
2、为网页内的某个元素制定一个css样式来更改元素的外观
下面代码,获取
元素的class属性和改变className
3、进阶篇
1、变量的命名规范
1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字
2、变量名区分大小写
3、不允许使用JavaScript的关键字和保留字做变量名
2、+号操作符
3、操作符的优先级(高到低)
算术操作符---比较操作符---逻辑操作符---“=”赋值符号
4、数组的创建
语法:
varmyarray=newArray();
varmyarray=newArray(8);//创建数组,存储8个数据。
数组的赋值
varmyarray=newArray(66,80,90,77,59);//创建数组同时赋值
varmyarray=[66,80,90,77,59];//直接输入一个数组(称“字面量数组”)
或
varmyarray=newArray();//创建一个新的空数组
myarray[0]=66;//存储第1个人的成绩
myarray[1]=80;//存储第2个人的成绩
myarray[2]=90;//存储第3个人的成绩
myarray[3]=77;//存储第4个人的成绩
myarray[4]=59;//存储第5个人的成绩
数组的长度
array.length
5、二维数组(进阶篇3-7)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JS 语言 学习 笔记