當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript二(第一个js程序)
生活随笔
收集整理的這篇文章主要介紹了
JavaScript二(第一个js程序)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、<script>xxxx</script>標簽解析
1.charset :可選,表示通過src屬性指定的字符集,由于大多數瀏覽器忽略它,所以很少有人用它
2.defer:可選.表示腳本可以延遲到文檔完全解析和顯示之后再執行,由于大多數瀏覽器不支持,故很少用
3.language:已經廢棄。原來用于代碼使用的腳本語言,由于大多數的瀏覽器都忽略它,所以不要用
4.src:可選,表示包含要執行代碼的外部文件
5.type:必需,可以看作是language的替代品,表示代碼使用的腳本語言的內容類型。例:type="text/javascript".
二、第一個javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>第一個JavaScript</title> </head><body> <script type="text/javascript"> alert('歡迎來到JavaScript 世界!'); </script>JavaScript 世界!</body> </html>效果:
三、內嵌javascript的問題
3.1 如下列代碼:紅色字體
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>第一個JavaScript</title> </head><body> <script type="text/javascript"> alert('</script>'); </script>JavaScript 世界!</body> </html>效果:
可以看到。在執行時遇到</script>時,瀏覽器默認為已經結束,后面的內容會原文輸出,如果使用外部的js文件就不會有此問題
解決方法:
alert('</scr'+'ipt>');3.2 內嵌代碼不利于維護和擴展,建議使用外部js文件
四、外部js文件的引入
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>第一個JavaScript</title> </head><body> <script type="text/javascript" src="demo1.js"></script>JavaScript 世界!</body> </html>外部文件:
alert('</script>');效果:
?
五、<noscript>元素的屬性
<noscript><p>本頁顯示需要瀏覽器支持(啟用)Javascript</noscript>-
瀏覽器不支持腳本
-
瀏覽器支持腳本,但腳本被禁用,瀏覽器就會顯示<noscript>中的內容
-
這個頁面會在腳本無效的情況下,向用戶顯示一條信息,而在啟用了腳本的瀏覽器中,用戶永遠也不會看到它
?
六、常見錯誤
6.1引入外部文件沒有以</script>結束.
錯誤代碼如下:
<script type="text/javascript" src="demo1.js" />以上寫法js是不要執行的,請以</script>結束正確的寫法
<script type="text/javascript" src="demo1.js" ></script>6.2、引入外部文件后<script></script>不可以再加入其它的js腳本
錯誤代碼:
<script type="text/javascript" src="demo1.js" > alert('這里是執行不到的!'); </script>執行后發現中間的內容是不會被執行到的,如果需要請在外部js中添加,或者寫內部js腳本
總結
以上是生活随笔為你收集整理的JavaScript二(第一个js程序)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 认证服务号可通过模板消息向用户发送重要的
- 下一篇: 【转】不用软件,解压Win8/Win8.