JavaScript基本的输出和嵌入式写法教程_基础知识-js教程-PHP中文网

JavaScript基本的输出和嵌入式写法教程_基础知识

php中文网

发布： 2016-05-16 15:36:02

原创

1539人浏览过

JavaScript 没有任何打印或者输出的函数。
在 HTML 中， JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

登录后复制

以上 javascript 语句（在 <script> 标签中）可以在 web 浏览器中执行：</script>

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码。
innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

写到 HTML 文档
出于测试目的，您可以将JavaScript直接写在HTML 文档中：
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/learn/2560">
                            <img src="https://img.php.cn/upload/webcode/000/000/000/5a2a555a3c078293.png" alt="网页制作与PHP语言应用">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/learn/2560">网页制作与PHP语言应用</a>
                            <p>图书《网页制作与PHP语言应用》，由武汉大学出版社于2006出版，该书为普通高等院校网络传播系列教材之一，主要阐述了网页制作的基础知识与实践，以及PHP语言在网络传播中的应用。该书内容涉及：HTML基础知识、PHP的基本语法、PHP程序中的常用函数、数据库软件MySQL的基本操作、网页加密和身份验证、动态生成图像、MySQL与多媒体素材库的建设等。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="网页制作与PHP语言应用">
                                <span>447</span>
                            </div>
                        </div>
                        <a href="/xiazai/learn/2560" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="网页制作与PHP语言应用">
                        </a>
                    </div>
                

<script>
document.write(Date());
</script>

</body>
</html>

登录后复制

请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
document.write(Date());
}
</script>

</body>
</html>

登录后复制

写到控制台
如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式，在调试窗口中点击 "Console" 菜单。
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

登录后复制

大家都在看：

JavaScript引擎原理_V8内存管理与垃圾回收 JavaScript_文件操作与流式处理技术 JavaScript中图像切换逻辑的陷阱与正确实现 JavaScript语法解析_抽象语法树构建过程 JavaScript函数式编程_代数数据类型