JavaScript学习
JavaScript学习
1.轻量级编程语言
2.可插入HTML页面的编程代码
<html lang="en">
<head>
<meta charset="UTF-8" content="This is a meta data" name="dengyexun">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="home.html">
<style>
</style>
<script>
function displayDate() {
document.getElementById('demo').innerHTML=Date()
}
</script>
</head>
<body>
<h1>The first JavaScript sample</h1>
<p id="demo">this is content</p>
<button type="button" onclick="displayDate()">please click!</button>
</body>
</html>
JavaScript可以直接写入到HTML输出流中：document.write("<1h>this is h1</h1>")
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
HTML脚本必须位于<script></script>标签之间，浏览器会解释并执行位于<script></script>之间的JavaScript代码
标签可以被放到HTML的<body>和<head>部分中，通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容
示例：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" content="This is a meta data" name="dengyexun"> 5 <title>Title</title> 6 <link rel="stylesheet" type="text/css" href="home.html"> 7 <style> 8 9 </style> 10 <script src="/static/js/myScript.js"> 11 </script> 12 <script src="/static/js/myScript_00.js"> 13 </script> 14 </head> 15 <body> 16 <h1>The first JavaScript sample</h1> 17 <p id="demo">采用外部js文件</p> 18 <button type="button" onclick="displayDate()">please click!</button> 19 <br> 20 <hr> 21 <p id="deng">采用外部js_00文件</p> 22 <button type="button" onclick="getDate()">please click!</button> 23 24 <br> 25 <hr> 26 <p id="ye">采用外部js_00文件</p> 27 <button type="button" onclick="passDate()">please click!</button> 28 </body> 29 </html>
