1》引入js
我们只是写了简单必须的html标签，从未给标签添加点击事件，这次页面添加事件.
》写入html页面，可以在<head>标签内 也可以在<body>标签内
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>小娜娜</title>
5 <script type="text/javascript">
6 document.write("<h1>Hello World!</h1>")
7 </script>
8 </head>
9 <body>
10 <script type="text/javascript">
11 document.write("<h1>Hello World!</h1>")
12 </script>
13 <div>
14 这是main内容
15 </div>
16 </body>
17 </html>
》写在js文件内
你想啊，当js逻辑过多的时候 html中js代码过多，页面杂乱不说，维护修改起来特别不方便，于是 聪明的人类把 js代码与html代码分离出来了，
把代码写入以.js文件结尾的文件内，html页面引入外部js文件即可
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>小娜娜</title> 5 <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> //引入外部js文件 6 </head> 7 <body> 8 <div> 9 这是main内容 10 </div> 11 </body> 12 </html>
2》引入css样式【同上js】
不同之处在于，各自所用的标签不一样 css=》</style>标签 js=》<script>标签
1 <html>
2 <head>
3 <style type="text/css">
4 h1 {color: red}
5 p {color: blue}
6 </style>
7 </head>
8
9 <body>
10 <h1>header 1</h1>
11 <p>A paragraph.</p>
12 </body>
13 </html>
外部css文件，以.css结尾文件
1 <html> 2 <head> 3 <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> 4 </head> 5 <body> 6 ...... 7 </body> 8 </html>
ok
时间： 2024-08-05 07:09:16