HY的前端web周记day5 4.1

最新推荐文章于 2021-06-18 16:10:34 发布

13HY

最新推荐文章于 2021-06-18 16:10:34 发布

阅读量155

点赞数

分类专栏：笔记前端周记

本文链接：https://blog.csdn.net/qq_51167539/article/details/115444283

版权

前端同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

笔记

11 篇文章 0 订阅

订阅专栏

周记

10 篇文章 1 订阅

订阅专栏

这篇博客介绍了JavaScript的基础知识，包括如何设置HTML文档元信息、显示日期的函数以及通过按钮触发的事件。文中展示了如何使用`document.getElementById`改变HTML内容，并通过`onclick`事件创建交互式的按钮，显示欢迎消息或更新页面内容。

摘要由CSDN通过智能技术生成

HY的前端web周记day5 4.1

今天学习了有关JavaScript的基础

<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

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

<button type="button" onclick="displayDate()">显示日期</button>

</body>
</html>

<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>

以上是输出文字的方法
以下是嵌入按钮的方法
<button type="button" onclick="alert('欢迎!')">点我!</button>
以下是通过点击按钮改变html内容

</head>
<body>
	
<h1>我的第一段 JavaScript</h1>
<p id="demo">

</p>
<script>
function myFunction()
{
	x=document.getElementById("demo");  // 找到元素
	x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
	
</body>
</html>

创建对象
在这里插入图片描述

13HY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HY的前端web周记day5 4.1

HY的前端web周记day5 4.1今天学习了有关JavaScript的基础<meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script>function displayDate(){ document.getElementById("demo").innerHTML=Date();}</script></head><body><h1&
复制链接

扫一扫

专栏目录