JavaScript前端开发与实例教程(微课视频版)
上QQ阅读APP看书,第一时间看更新

1.4 案例:输出“社会主义核心价值观”内容

社会主义核心价值观是中共中央办公厅在2013年12月23日印发的《关于培育和践行社会主义核心价值观的意见》中提出的。党的十八大提出,倡导富强、民主、文明、和谐,倡导自由、平等、公正、法治,倡导爱国、敬业、诚信、友善,积极培育和践行社会主义核心价值观。富强、民主、文明、和谐是国家层面的价值目标,自由、平等、公正、法治是社会层面的价值取向,爱国、敬业、诚信、友善是公民个人层面的价值准则,这24个字是社会主义核心价值观的基本内容。

1. 案例呈现

本节实现在Chrome浏览器中输出“社会主义核心价值观”的文本内容,如图1-15所示。

图1-15 输出“社会主义核心价值观”效果

2. 案例分析

alert()方法用于显示带有一条指定消息和一个OK按钮的警告框。document.write()方法可向文档写入HTML表达式或JavaScript代码。console.log()方法用于在控制台中输出信息。由图1-15可见是在页面输出社会主义核心价值观内容,因此应使用document.write()方法,将社会主义核心价值观内容以字符串的方式作为参数传给document.write()方法即可。

3. 案例实现

经过以上分析,本案例的完整代码如下。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>输出“社会主义核心价值观”内容</title>
    </head>
    <body>
    <script>
        // em标签表示强调文本,不是必须的
        document.write("<em>富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚
信、友善</em>");
    </script>
    </body>
    </html>