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基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段