JavaScript 四种显示数据方式

Posted Apollo

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 四种显示数据方式相关的知识，希望对你有一定的参考价值。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript 显示数据</title>
    <style type="text/css">
        p{
            background-color: yellow;
        }
    </style>
    <script>

        window.onload=function () {
            // 方式1:使用window.alert()弹出警告框
            alert(‘hello,My name is Apollo !‘);


            // 方式2:使用document.write()方法将内容写到HTML文档中
            // document.write(‘hello,My name is Apollo !‘);


            // 方式3:使用innerHtml方法写入到Html元素中去
            // 1.JS入口函数有一个覆盖现象,假如你不注释上面document.write()相关代码,下面代码是看不见的.
            // 2.使用getElementsByTagName必修要加上索引,因为p标签很多,你这样得到的是一个数组
            // document.getElementsByTagName(‘p‘)(0).innerHTML=‘hello,My name is Apollo !!!‘;


            // 方式4使用console.log()控制台输出
            console.log(‘hello,My name is Apollo !‘);
        }

    </script>
</head>
<body>
    <div>
        <p>这里的代码将会被替换......</p>
        <p>这里是第二个p标签</p>
    </div>
</body>
</html>

 

以上是关于JavaScript 四种显示数据方式的主要内容，如果未能解决你的问题，请参考以下文章

Javascript 四种输出方式

JavaScript中的单体模式四种实现方式

Javascript 中使用Json的四种途径

html 将以编程方式附加外部脚本文件的javascript代码片段，并按顺序排列。用于响应式网站，其中ma

Javascript代码片段在drupal中不起作用

javascript UV Index Monitor App订阅PubNub并显示UV索引值。博文的代码片段。在这里查看项目：https：// githu