web随笔

最新推荐文章于 2023-01-17 21:08:47 发布

lotluck

最新推荐文章于 2023-01-17 21:08:47 发布

阅读量887

点赞数

分类专栏：其他乱七八糟

本文链接：https://blog.csdn.net/lotluck/article/details/42948685

版权

其他乱七八糟专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>woaini</title>
</head>
<body>

<p id = "demo"> y = 5, x = y + 2 </p>
<button οnclick="myFunction()">点击这里</button>


<script type="text/javascript">
	function myFunction(){
		var y = 5;
		var x = y + 2;
		var demov=document.getElementById('demo');
		demov.innerHTML = "x = " + x;
	}
</script>

<script type="text/javascript">
	person = new Object();
	person.firstname = "du";
	person.lastname = "shuai";
	person.age = "22"
	document.write("<br>" + Date() + person.firstname  + "<br>" + " " + person.lastname + " is " + person.age + " years old");
</script>




<p id="p1">Hello World!</p>
<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";
</script>


<h1 id="id1">I love ying</h1>
<button type="button" οnclick="document.getElementById('id1').style.color='red'">点击这里！</button>


<h1 οnclick="this.innerHTML='谢谢!'">请点击该文本</h1>

<script type="text/javascript">
function changetext(id)
{
id.innerHTML="谢谢!";
}
</script>
</head>
<body>
<h1 οnclick="changetext(this)">请点击该文本</h1>



<div οnmοuseοver="mOver(this)" οnmοuseοut="mOut(this)" style="background-color:green;width:120px;height:20px;padding:40px;color:#ffffff;">试试看</div>

<script>
function mOver(obj)
{
obj.innerHTML="我爱你"
}

function mOut(obj)
{
obj.innerHTML="我还是爱你"
}
</script>



<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>



<html>


<head>
	非常有意思的人体时钟<br/>
</head>
<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>
</html>

</body>
</html>

效果展示：