第六周学习——web前端javascript的学习

最新推荐文章于 2024-10-31 15:56:11 发布

Malfoides

最新推荐文章于 2024-10-31 15:56:11 发布

阅读量89

点赞数

分类专栏：第六周学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/Malfoid/article/details/116527172

版权

第六周学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第五周javascript的学习

文章目录

一、应用javascript编码第一个日期
二、JavaScript 能够直接写入 HTML 输出流

一、应用javascript编码第一个日期

<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1> JavaScript 程序</h1>
<p id="demo">这是一个段落</p>

<button type="button" onclick="displayDate()">日期时间</button>

JavaScript 对事件作出反应
button type=“button” οnclick=“alert(‘欢迎!’)”>点我!

二、JavaScript 能够直接写入 HTML 输出流

代码如下：

<script>
document.write("<h1>java Script</h1>");
document.write("<p>可直接输出</p>");
</script>

# 三、JavaScript：改变 HTML 图像

代码如下：

<script>
function changeImage()
{
	element=document.getElementById('image')
	if (element.src.match("moon"))
	{
		element.src="/images/图片位置";
	}
	else
	{
		element.src="/images/图片位置";
	}
}
</script>
<img id="image" onclick="changeImage()" src="/images/图片位置" width="100" height="180">