JavaScript基础
Posted 栗栗本栗
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础相关的知识,希望对你有一定的参考价值。
window.alert()
window是javascript内置对象,表示的是浏览器;alert()是该对象的一个函数,作用是浏览器弹框提示。
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert("Hello JavaScript");
</script>
</body>
</html>
document.write()
document是JavaScript的内置对象,给对象表示HTML文档;write()方法输出内容到浏览器的body区域。
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write("Hello JavaScript");
</script>
</body>
</html>
onclick()
onclick 是JavaScript的事件,表示鼠标左键单击时触发的动作。
innerHTML
获取和改变HTML标签的内容。
console.log()
在浏览器的控制台打印输出内容。
快捷键 ctrl+shift+i 在网页打开控制台
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="p1">静影沉璧,浮光跃金</p>
<button type="button" onclick="hello()">点击我</button>
<script>
//document.write("大家好");
/*定义函数*/
function hello() {
//document.write("大家好");
//window.alert("Hello")
//使用js找到id是p1的标签
document.getElementById("p1").innerHTML = "大家好"
//let content = document.getElementById("p1").innerHTML;
//alert(content);
console.log("哈哈哈哈哈哈哈");
}
</script>
</body>
</html>
window.prompt()
显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字。
let num = window.prompt("请输入密码");
以上是关于JavaScript基础的主要内容,如果未能解决你的问题,请参考以下文章