js

最新推荐文章于 2026-01-16 11:08:04 发布

原创最新推荐文章于 2026-01-16 11:08:04 发布 · 210 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

python3 专栏收录该内容

55 篇文章

订阅专栏

HTML 定义网页内容

css 网页样式呈现，描述网页布局

javascript 网页的行为

简单的HTML页面js操作:

//my.js
function myfunx(){
	document.getElementById("demo2").innerHTML="真不知道哪里有问题了";
}
function myfuny(){
	document.getElementById("demo3").value="这是什么鬼真是看不懂了";
}

<!DOCTYPE html>
<html>
<head>
	<script>
	function myFun()
		{
			document.getElementById("demo").innerHTML="为什么点yes没有反应呢？";
		}
	</script>
	<script type="text/javascript" src="my.js"></script> <!-引用外部js文件>
</head>
<body>
	<script>	
	document.write("<h>哈哈哈这是一个html页面</h>");
	document.write("<p>猜猜这是什么</p>");
	</script>
	<p1>我的web页面</p1>
	<p id="demo">这个好难</p>
	<button type="button" onclick="myFun()">点我</button>  <!-点击按钮输入文本到对应标签>
	<button id="demo2" type="button" onclick="myfunx();">再点我</button> <!-点击操作button按钮文本改变>
	<input type="text" id="demo3"/>
	<input id="demok" type="button" value="yes" onclick="myfuny();"/> <!-点击调用函数输入到输出框中>
	<script>
	function myfunz(){
		document.getElementById("demo4").innerHTML=Date();
	}
	</script>
	<button id="demo4" type="text" onclick="myfunz();">点击显示当前时间</button>
	
	<script>
	a=5;
	b=6;
	c=a+b;
	console.log(c);</script> <!-js脚本输出结果到控制台>
	
</body>
</html>