微信扫一扫打赏支持

范仁义js课程---2、js最简单实例

范仁义js课程---2、js最简单实例

一、总结

一句话总结：

在js最简单实例中：我们把js代码书写在script标签当中，比如alert('111')语句可以控制浏览器弹出一个内容为111的警告框

 

1、js中输出内容的三种常见方式？

1、控制浏览器弹出一个警告框：alert()
2、让计算机在页面中输出一个内容：document.write()
3、向控制台输出一个内容：console.log()

 

 

 

二、js最简单实例

博客对应课程的视频位置：2、js最简单实例
https://www.fanrenyi.com/video/19/82

 

 

 

1、js代码书写位置

向css代码书写在style标签中一样，js代码书写在script标签之中

2、最简单的三个弹出实例

  1、控制浏览器弹出一个警告框：alert()

  2、让计算机在页面中输出一个内容：document.write()

  3、向控制台输出一个内容：console.log()

 

3、js代码由上到下依次执行

 

三、课程代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>js最简单实例</title>
 6     <script>
 7         /*
 8         * 控制浏览器向页面弹出一个警告框
 9         * 用来提示用户一些信息的
10         * */
11         alert('欢迎来到js的世界！！');
12 
13         /*
14         * document.write就是向页面输出内容
15         * 实质的话就是向body里面添加内容
16         * dom就是文档对象模型，用来操作html的
17         *
18         * */
19         document.write('我们想在操作document.write向body中添加内容');
20 
21         /*
22         * console.log就是向控制台输出内容
23         * 这个输出的控制台，所以一般是给开发人员测试代码用的
24         * */
25         console.log('console.log就是向控制台输出内容')
26 
27         /*
28         * 在js中，代码是由上到下依次执行的
29         * */
30 
31 
32     </script>
33 </head>
34 <body>
35 
36 </body>
37 </html>

 

 

 

 
posted @ 2020-02-15 07:00  范仁义  阅读(162)  评论(0)  编辑  收藏  举报