JS练习合集

JS练习合集

2024 年 05 月 10 日

273 次浏览

2769字数

```js
			let ava=" 1.JavaScript BOM Window对象的应用 "
			ava+="Browser Width:"+window.innerWidth
			ava+=" Browser Height:"+window.innerHeight
			
			ava+=" Screen Width:"+screen.availWidth
			ava+=" Screen Height:"+screen.availHeight
			let info=" <hr>5.JavaScript BOM Navigator对象的应用"
			info+=" 浏览器代码名:"+navigator.appCodeName
			info+=" 浏览器名:"+navigator.appName
			info+=" 浏览器版本:"+navigator.appVersion
			info+=" 浏览器是否允许Cookies:"+navigator.cookieEnabled
			info+=" 操作系统版本:"+navigator.platform
			info+=" 用户代理:"+navigator.userAgent
			info+=" 浏览器语言:"+navigator.language
			info+=" 浏览器品牌:"+navigator.vendor
			document.write(ava)
			document.write(info)
			
			function on(){
				let buble=document.getElementById("buble")
				buble.src="./img/on.png"
				buble.title="开灯"
			}
			function off(){
				let buble=document.getElementById("buble")
				buble.src="./img/off.png"
				buble.title="关灯"
			}
			function go(){
				
				location.href="http://www.baidu.com"
			}

function t1() {
                alert("好好学习，天天向上")
            }

function t2() {
                console.log("我被选中了")
            }

function t3() {
                let t3 = document.getElementById("t3")
                t3.innerHTML = "我被改变了"
            }

let t4 = document.getElementById("t4")
            let p4 = document.createElement("p")
            t4.appendChild(p4)
            p4.innerHTML = "这是动态添加的"

let t5 = document.getElementById("t5")
            let p5 = document.getElementById("p5")
            t5.removeChild(p5)

```

```js
			let firts=document.getElementById("first")
			console.log(first.innerHTML)
			
			
			let para=document.getElementsByClassName("para")
			console.log(para[0].innerHTML)
			
			let third=document.getElementsByTagName("p")
			console.log(third[0].innerHTML)
			first.style.backgroundColor="blue"
			
			
			let p1=document.getElementById("p1")
			console.log(p1.innerText)
			console.log(p1.innerHTML)
			
			
			let pfi=document.getElementById("ht")
			// ht.innerHTML="我的姓名学号是："
			pfi.innerHTML="我的姓名学号是："
			
			let pse=document.getElementById("te")
			pse.innerText="我的姓名学号是："
			// te.innerText="我的姓名学号是："
			// document.getElementById("te").innerText="我的姓名学号是："
			
			
			let bu=document.getElementById("buble")
			bu.src="./img/open.png"
			
			let ch=document.getElementById("change")
			ch.style.backgroundColor="blue"
			ch.style.textAlign="center"
			ch.style.color="white"
			ch.style.fontWeight="bold"

```

```js
			/* 1、求学生成绩案例：先弹出输入框输入总的班级人数，
			再一次弹出输入框输入对应学生的成绩，
			最后用弹框显示总成绩和平均成绩。 */
			let cnum=parseInt(prompt("输入班级人数"))
			// let b=prompt("输入总成绩")
			let score=0
			for(let i=1;i<=cnum;i++){
				score+=parseFloat(prompt("输入总成绩"))
			}
			console.log(score/cnum)
			
			/* 2、	鸡兔同笼，共有37个头100只脚，鸡和兔各有多少只？结果打印在控制台。 */
			
			// 2x+4y=100
			// x+y=37
			// 2(x+y)=37*2
			
			// 2x+4y=100
			// 2x+2y=74
			
			// x	 y=37-x
			// x+(37-x)=37
			// 2x+4(37-x)=100 	2x+148-4x=100
			
			for(let i=0;i<=37;i++){
				for(let j=0;j<=37;j++){
					if(2*i+4*j==100 && i+j==37){
						console.log("鸡"+i+"兔"+j);
					}
				}
			}
			/* 使用循环遍历数组[3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]，
			并找到数组中的最大值和最小值，打印在控制台中 */
			let array=new Array()
			array=[3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]
			let max=array[0],min=array[0]
			for(let i =0;i<=array.length;i++){
				if(array[i]>max){
					max=array[i]
				}else if(array[i]<min){
					min=array[i]
				}
			}
			console.log(max,min)
			
			/* 3、	使用循环将自己的姓名拼音字符串中的字符顺序反转，
			打印在控制台。比如姓名叫”zhangsan”， 反转后结果为”nasgnahz”。 */
			let name="huyibo"
			let rs=""
			for(let i=name.length;i>=0;i--){
				rs+=name.charAt(i)
			}
			console.log(rs);
			
			// 输出九九乘法表，打印在控制台。
			let str=""
			for(let i=1;i<=9;i++){
				for(let j=1;j<=9;j++){
					str+=j+"*"+i+"="+i*j+"\t"
	
				}
			}
			console.log(str)
```

JS练习合集