document指代的是HTML;write就是写入。
document.write('这是一个一级标题')
document.write('这是一个段落
')
引入js文件:
先设置两个span标签:
请输入姓名: 张三
在下方添加一个文本框以及提交按钮:
这里的onclik就是点击事件,innerText就是内部文本。
这里就可以把输入的文字上传到html页面中。
修改图片:先上传一张本地图片,然后设置一个更改图片的按钮,更改的图片也是本地的:
修改文字的样式:
段落
在html页面中添加一个列表,列表的元素用|隔开:
这里用span标签添加的|符号,这里改变颜色是默认改变一个,改变全部的后面再讲。
JavaScript基础
这里主要说明在控制台输出(在控制台输出1):
num = 1 consle.log(num)
consle.log()也可以进行数学运算符:+、-、*、/、%、**,比较运算符:>、<、>=、<=、、!=,逻辑运算符:&&(逻辑与运算and)、||(逻辑或运算==or)、!(逻辑非运算)
console.log(4 > 3 && 4 < 5) console.log(4 > 3 && 4 > 5) console.log(4 > 3 || 4 > 5) console.log(!(4 > 3 || 4 > 5))js的循环
以一个案例来说计算1-100的和:
i = 1
total = 0
while (i <= 100) {
total += i
i += 1
}
console.log(total)
total = 0
for (i = 0; i <= 100; i += 1) {
total += i
}
console.log(total)
其实js的循环和java差不多的只是输出是用console.log()而已。
函数函数:将重复的代码封装起来,以便重复调用。
函数的作用就是降低代码的冗余度。
function num_total(n) {
total = 0
for (i = 1; i <= n; i += 1) {
total += i
}
console.log(total)
}
num_total(100)
num_total(50)
这里先给形参传值然后再进行下面的循环运算。
数组js中的数组就是Python中的列表
list_1 = [‘Python’, ‘JavaScript’, ‘C’, ‘HTML’]
增加push - 向数组末尾添加新元素
list_1.push('C++')
console.log(list_1)
删除
pop - 删除数组中的最后一个元素
list_1.pop() console.log(list_1)修改
直接对下标做操作修改
list_1[1] = 'Java' console.log(list_1)删除
splice(下标,个数) - 从指定下标开始,删除指定个数的数据
list_1.splice(0, 2) console.log(list_1)查找
console.log(list_1.length) console.log(list_1[0])暑期编程PK赛 得CSDN机械键盘等精美礼品!



