练习JS HTML CSS结合问题

23 篇文章 0 订阅
18 篇文章 0 订阅

1.函数使用内置的函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="text."/>
	</head>
	<body>
		<input type="button" value="填充网页" onclick="write()"/>
		<div id="hello"></div>
	</body>
</html>
<script type="text/javascript">
	var a=function(){
		alert("s");
		text=document.getElementById("hello")
		text.innerText="你好,HTML"
	}
	function write(){
		text=document.getElementById("hello")
		text.innerHTML="Hello,<span style='font-size: 40px;color: red;'>HTML</span>"
	}
</script>

运行会不出结果,原因是JS不支持函数重写,write()是内置方法,应该换个函数名

2.String类型进行比较不运行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		用户名:<input type="text" id="user1" /><br>
		密码:<input type="password" id="password1" /><br>
		<input type="button" id="btn1" value="登录" onclick="dologin()"/>
		<input type="button" id="btn2" value="重置" onclick="reset()"/>
		<div id="tishi"></div>
	</body>
</html>
<script type="text/javascript">
function dologin(){
	name=document.getElementById("user1").value;
	password=document.getElementById("password1").value;
	if(name.equals("admin")){//不会运行,应该用==
		sign=document.getElementById("tishi");
		sign.innerText="登录成功"
	}
	else{
		alert("登录失败")
	}
}
function reset(){
	document.getElementById("user1").value="";
	document.getElementById("password1").value="";
}
</script>
if(name=="admin"){
		sign=document.getElementById("tishi");
		sign.innerText="登录成功"
	}

会提示有这个方法
请添加图片描述
但是不会进行比较

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值