栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

day16 js(JavaScript)基础

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力
js(JavaScript)基础 document

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机械键盘等精美礼品!
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1017532.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号