找到你的位置(JS在頁面中的位置)最常用的方式是在頁面中head部分放置script元素,瀏覽器解析head部分就會執行這個代碼,然后才解析頁面的其余部分...

找到你的位置(JS在頁面中的位置)

我們可以將JavaScript代碼放在html文件中任何位置,但是我們一般放在網頁的head或者body部分。
放在<head>部分
最常用的方式是在頁面中head部分放置<script>元素,瀏覽器解析head部分就會執行這個代碼,然后才解析頁面的其余部分。
放在<body>部分
JavaScript代碼在網頁讀取到該語句的時候就會執行。

注意:?javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先后順序的,所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head里面,因為初始化都要求提前進行(如給頁面body設置css等);而如果是通過事件調用執行的function那么對位置沒什么要求的。

?

?

任務

我們試一試,在不同位置寫入JS代碼:

1.在右邊編輯器的第7行輸入document.write("I love");

2.在右邊編輯器的第12行輸入

document.write("javascript");


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS代碼的位置</title>
<script type="text/javascript">document.write("I love")
</script>
</head>
<body>
<script type="text/javascript">
document.write("javascript")</javascript> 
</script>
</body>
</html>


轉載于:https://www.cnblogs.com/yongbin668/p/5592839.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/257018.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/257018.shtml
英文地址,請注明出處:http://en.pswp.cn/news/257018.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

國內主流.NET CMS系統整理

現在只要想做一個網站&#xff0c;馬上就想到去下載一個cms來改&#xff0c;方便&#xff0c;快速&#xff0c;現如今在網上隨便搜索下CMS都出現幾十個不一樣的品牌&#xff0c;有php的、java的、.net的&#xff0c;功能上也是各有千秋&#xff0c;如何選擇一個比較適合自己的C…

數據庫的事務級別介紹與操作

關系型數據庫都具有一套事務級別&#xff0c;以前的開發和學習過程我很少關注過這個概念&#xff0c;今天搜集了一些資料&#xff0c;在 結合spring聲明式事務學習的同時&#xff0c;總結一下數據庫的事務級別與操作。 READ-UNCOMMITTED: 未提交讀 會出現臟讀、不可重復讀、幻讀…

中國做圖像處理的公司

&#xff08;1&#xff09; 北京北方獵波科技有限公司&#xff1a;http://www.northwh.com/beifangliebo/main1.html 紅外探測成像產品 &#xff08;2&#xff09; 深圳超多維光電子有限公司北京分公司&#xff1a;http://www.superd.com.cn 立體顯示設備 &#xff08;3&…

[ilink32 Error] Error: Unresolved external 'SendARP'

[ilink32 Error] Error: Unresolved external SendARP referenced from E:\APPOBJ\KSRGETMAC.OBJ #pragma link "iphlpapi.lib" 轉載于:https://www.cnblogs.com/cb168/p/5573478.html

3.cocos2dx它Menu,由menu為了實現場景切換

&#xfeff;&#xfeff;1 頭文件 TMenu.h #ifndef __TMENU_H__ #define __TMENU_H__ #include "cocos2d.h" USING_NS_CC; class TMenu :public CCLayer { public: static CCScene * scene(); CREATE_FUNC(TMenu); bool init(); CCMenu * menu; void menuCallback(C…

Difference: throw or throw ex?

Difference: throw or throw ex? 主要區別在于throw出的堆棧詳細程度。 throw ex只是拋出在當前代碼處的錯誤。 throw 能夠更進一步&#xff0c;拋出內部調用的具體錯誤。 Just for demonstrating, if you have classes in C# as follows: using System;namespace WindowsAppl…

學習筆記01:1.1 基于概率的信任

基于概率的信任 大數定律&#xff1a;當樣本數量越來越多時&#xff0c;預測事件也就越來越接近于真實的事件&#xff0c;事件出現的頻率無窮地接近事件發生的概率建模檢驗&#xff1a;人工規則->學習模型&#xff0c;數據少則重視先驗&#xff0c;數據多則重視后驗給予概率…

人工智能數學基礎知識

方差的概念與計算公式&#xff0c;例1 兩人的5次測驗成績如下&#xff1a;X&#xff1a; 50&#xff0c;100&#xff0c;100&#xff0c;60&#xff0c;50 E(X)72&#xff1b;Y&#xff1a; 73&#xff0c; 70&#xff0c; 75&#xff0c;72&#xff0c;70 E(Y)72。平均成績相同…

學習筆記02:直播串講——3/22

去 就 就 就 接近 就 就 接近

認真分析mmap:是什么 為什么 怎么用

mmap基礎概念 mmap是一種內存映射文件的方法&#xff0c;即將一個文件或者其它對象映射到進程的地址空間&#xff0c;實現文件磁盤地址和進程虛擬地址空間中一段虛擬地址的一一對映關系。實現這樣的映射關系后&#xff0c;進程就可以采用指針的方式讀寫操作這一段內存&#xff…

數據庫子查詢

子查詢&#xff0c;又叫做嵌套查詢。 將一個查詢語句做為一個結果集供其他SQL語句使用&#xff0c;就像使用普通的表一樣&#xff0c;被當作結果集的查詢語句被稱為子查詢。 子查詢有兩種類型&#xff1a; 一種是只返回一個單值的子查詢&#xff0c;這時它可以用在一個單值可以…

攝像頭資料

https://blog.csdn.net/u013749068/article/details/79463736

配置vim在源代碼中自動添加作者信息

每個程序員都有自己心愛的代碼編輯和查看工具&#xff0c;相信不少Linux下的程序員都喜歡用Vim&#xff0c;盡管Vim沒有SourceInsight這種依托于桌面環境的編輯器看起來那樣強大&#xff0c;但是Vim的高效、簡潔以及強大的可配置性都讓它吸引了無數忠實的fans。 很多編輯器都支…

paddle模塊的詳細介紹

https://blog.csdn.net/hua111hua/article/details/89415396

[CareerCup] 2.4 Partition List 劃分鏈表

2.4 Write code to partition a linked list around a value x, such that all nodes less than x come before all nodes greater than or equal to x. LeetCode上的原題&#xff0c;請參見我之前的博客Partition List 劃分鏈表。轉載于:https://www.cnblogs.com/grandyang/p/…

sdl的縮放問題

SDL是一種既是開源的&#xff0c;也是跨平臺的多媒體開發包&#xff0c;在各種平臺上應用很廣&#xff0c;經常和FFMPEG等解碼器同時使用。對于在windows mobile等缺乏通用播放器的平臺來說&#xff0c;是一種很好的選擇。網上很多代碼&#xff0c;介紹SDL的用法&#xff0c;主…

Ubuntu系統盤制作

1、首先打開UltraISO軟件&#xff0c;盡量下載最新版的&#xff0c;小編曾用某個舊版的UltraISO&#xff0c;制作的安裝盤&#xff0c;不能不能識別磁盤&#xff0c;安裝失敗! 2、點擊工具欄中的第二個打開鏡像文件工具&#xff0c;如圖紅色方框標志按鈕&#xff0c;然后在打開…

RH131 網絡配置

ip addr show 查看當前網絡地址 ip link show 查看網絡鏈接狀態 ip -s link show 查看網卡統計信息 ip addr add 192.168.0.154 添加ip地址 ip link dev eth0 down 禁用ip地址 網卡的配置文件/etc/sysconfig/network-scripts/ifcfg-ethx 自動專用地址&#xff1a;169.254.*.* …

學習筆記02:直播串講02

1.基于模型的學習 根據以往的學習經驗&#xff0c;建立起輸入輸出的模型&#xff0c;然后預測輸入&#xff0c;并且將輸入帶入到模型中&#xff0c;進而預測出輸出的結果&#xff0c;這種學習稱為基于模型的學習 2.機器學習的過程 1&#xff09;數據收集&#xff1a;通過爬蟲、…