導航:首頁 > 軟體知識 > 程序員如何判斷網頁位置

程序員如何判斷網頁位置

發布時間:2023-02-17 20:55:36

① 怎樣判斷一個網站是不是模板網站

判斷一個網站是否是模版網站有以下幾種方法:
1 模板建站,有個顯著的特點是,網站空間里,文件架構大。模板建站,並非定製建站,因此需要適應方方面面的功能需求即使您的網站不存在這些需求,但是文件依然存在這樣導致網站文件出現許多剩餘。用戶進入網站空間,查看文件夾和文件的情況,如果網站並沒有那麼復雜,而架構非常大,那麼十有八九是模板建站;
2 查看網頁源文件,通常情況下,如果網頁簡單,而代碼復雜,是模板建站的可能性也較大,定製建站一般代碼會簡練許多;
3 找懂程序的人幫忙分析,一個資深的程序員,通常很容易區別是不是模板建站。

② 看到一個網站,有哪些方法可以確定是別人用了你的代碼修改的

如果你的代碼 是原創並非常見程序修改而來
那麼你自然有自己的代碼習慣
右鍵源碼是最基本的識別方案
可以看到很多程序員的個性習慣 比如回車位置 換行位置
做表格喜歡0邊框的地方
或者層的關系處理 每個人都不一樣 如果大多數和你一樣 外觀又基本相似
那就90%可以確認是你的

當然不排除有人直接復制你的並不是拿走你的
這就要根據判斷你自己的文件位置 特別是深層的文件 是否有一致的存在情況
比如/目錄1/目錄2/文件名*.php
多確定一些是否存在 特別是程序員有自己獨立的個性程序名
別人都不知道的 結果他卻有這個文件名...那就可以確認是拿了你的東西

③ 程序員必須知道的HTML常用代碼有哪些

html+css代碼
文本設置
1、font-size: 字型大小參數
2、font-style: 字體格式
3、font-weight: 字體粗細
4、顏色屬性
color: 參數
注意使用網頁安全色

超鏈接設置
text-decoration: 參數
主要用途是改變瀏覽器顯示文字鏈接時的下劃線。
參數取值范圍:
underline:為文字加下劃線
overline:為文字加上劃線
line-through:為文字加刪除線
blink:使文字閃爍
none:不顯示上述任何效果

背景
1、背景顏色
background-color: 參數
2、背景圖片
background-image: url(URL)
URL就是背景圖片的存放路徑,none表示無。
3、背景圖片重復
background-repeat: 參數
參數取值范圍 :
no-repeat:不重復平鋪背景圖片
repeat-x:使圖片只在水平方向上平鋪
repeat-y:使圖片只在垂直方向上平鋪
如果不指定背景圖片重復屬性,瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
4、背景圖片固定
背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性,瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力,一般都設為固定
background-attachment: 參數
參數取值范圍:
fixed:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,固定不動
scroll:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,一起滾動

區塊
1、單詞間距
word-spacing: 間隔距離
2、字母間距
letter-spacing: 字母間距
3、文本對齊
text-align: 參數
參數的取值:
left:左對齊
right:右對齊
center:居中對齊
justify:相對左右對齊
4、垂直對齊
vertical-align: 參數
top:頂對齊
bottom:底對齊
text-top:相對文本頂對齊
text-bottom:相對文本底對齊
baseline:基準線對齊
middle:中心對齊
sub:以下標的形式顯示
super:以上標的形式顯示
5、文本縮進
text-indent: 縮進距離
12px相當於一個文字距離
6、空格
white-space: 參數
normal 正常
pre 保留
nowrap 不換行
7、顯示樣式
display: 參數
參數取值范圍:
block:塊級元素,在對象前後都換行
inline:在對象前後都不換行
list-item:在對象前後都換行,增加了項目符號
none:無顯示

方框
1、height 高度
2、width 寬度
3、padding 內邊距
4、margin 外邊距
5、float(浮動):可以讓塊級元素在一行中排列,例如橫向菜單。
6、clear 清除浮動

邊框
1、樣式
border style 參數
邊框樣式的參數:
none:無邊框
dotted:邊框為點線
dashed:邊框為長短線
solid:邊框為實線
double:邊框為雙線
2、寬度
border width 參數
3、顏色
border color 參數

列表
list-style-type 列表樣式
不同瀏覽器的列表符可能不相同,可能會影響到網頁,所以網頁中的列表大多都是由背景圖片顯示。
控制用戶界面的樣式

滑鼠
cursor:滑鼠形狀參數
CSS滑鼠形狀參數表:
滑鼠形狀:CSS代碼
style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text" 文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭頭形:
style="cursor:help" 問號形
style="cursor:e-resize" 右箭頭形
style="cursor:n-resize" 上箭頭形
style="cursor:nw-resize" 左上箭頭形
style="cursor:w-resize" 左箭頭形
style="cursor:s-resize" 下箭頭形
style="cursor:se-resize" 右下箭頭形
style="cursor:sw-resize" 左下箭頭形

HTML常用代碼之:結構性定義
文件類型<HTML></HTML> (放在檔案的開頭與結尾)
文件主題<TITLE></TITLE> (必須放在「文頭」區塊內)
文頭<HEAD></HEAD> (描述性資料,像是「主題」)
文體<BODY></BODY> (文件本體)
標題<H?></H?> (從1到6,有六層選擇)
標題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
區分<DIV></DIV>
區分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊<BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)
強調<EM></EM> (通常會以斜體顯示)
特別強調<STRONG></STRONG> (通常會以加粗顯示)
引文<CITE></CITE> (通常會以斜體顯示)
碼<CODE></CODE> (顯示原始碼之用)
樣本<SAMP></SAMP>
鍵盤輸入<KBD></KBD>
變數<VAR></VAR>
定義<DFN></DFN> (有些瀏覽器不提供)
地址 <ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
與外觀相關的標簽(作者自訂的表現方式)
加粗<B></B>
斜體<I></I>
底線<U></U> (尚有些瀏覽器不提供)
刪除線<S></S> (尚有些瀏覽器不提供)
下標<SUB></SUB>
上標<SUP></SUP>
打字機體<TT></TT> (用單空格字型顯示)
預定格式<PRE></PRE> (保留文件中空格的大小)
預定格式的寬度<PRE WIDTH=?></PRE>(以字元計算)
向中看齊<CENTER></CENTER> (文字與圖片都可以)
閃耀<BLINK></BLINK> (有史以來最被嘲弄的標簽)
字體大小 <FONTSIZE=?></FONT>(從1到7)
改變字體大小 <FONTSIZE=+|-?></FONT>
基本字體大小 <BASEFONTSIZE=?> (從1到7; 內定為3)
字體顏色 <FONTCOLOR="#$$"></FONT>($$為顏色代碼)

HTML常用代碼之:修改頁面的實用性HTML代碼
貼圖:<img src="圖片地址">
加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>
在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>
移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>
字體加粗:<b>寫上你想寫的字</b>
字體斜體:<i>寫上你想寫的字</i>
字體下劃線: <u>寫上你想寫的字</u>
字體刪除線: <s>寫上你想寫的字</s>
字體加大: <big>寫上你想寫的字</big>
字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)
更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>
貼音樂:<embed src="音樂地址" width="寬度" height="高度" autostart=false>
貼flash: <embed src="flash地址" width="寬度" height="高度">
貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
換行:<br>
段落:<p>段落</p>
原始文字樣式:<pre>正文</pre>
換帖子背景:<body background="背景圖片地址">
固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body bgproperties=fixed>
定製帖子背景顏色:<body bgcolor="#value">(value值見10)
帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>
貼網頁:<iframe. src="相關地址" width="寬度" height="高度"></iframe>

HTML常用代碼之:常常會遇到的問題

點擊關閉窗口
<a href="javascript.:top.window.close();">點擊關閉窗口</a>!

請問如何去掉主頁右面的滾動條?
<body scroll="no">

<body style="overflow-y:hidden">

如何做到讓一個網頁自動關閉.
<html>

<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>

如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=『『『『red『『『『>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>

請問如何讓網頁自動刷新?
在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒後自動刷新,你可以更改為任意值。
如何讓頁面自動刷新?
方法一,用refresh
HTML 代碼片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>

如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼:
<style. type="text/css"> <!--
a { text-decoration: none}
--> </style>

請問如何去掉IE的上下滾動條?
<body style=『『『『overflow:scroll;overflow-y:hidden『『『『>
</body>

怎樣才能把RealPlayer文件在網頁做一個試聽連接?
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>

如何用html實現瀏覽器上後退按鈕的功能?
<a href="java script.:history.go(-1)">點擊後退</a>
或者
<script> history.back() </SCRIPT>

HTML常用代碼之:你不一定知道的技巧

ncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵
<table borderncontextmenu=return(false)><td>no</table> 可用於Table

<body nselectstart="return false"> 取消選取、防止復制

onpaste="return false" 不準粘貼

on="return false;" ncut="return false;" 防止復制

<link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標

<link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

<inputstyle="ime-mode:disabled"> 關閉輸入法

永遠都會帶著框架
<script. language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁
// --></script>

防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

網頁將不能被另存為
<noscript><iframe.src=*.html></iframe></noscript>

查看網頁源代碼
<input type=button value=查看網頁源代碼
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">

刪除時確認
<a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>

屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!");//可以換成ALTCTRL
}
document.onkeydown=look;
</script>

網頁不會被緩存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">

怎樣讓表單沒有凹凸感?
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

不要滾動條?
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉?更簡單了
<body scroll="no">
</body>

怎樣去掉圖片鏈接點擊後,圖片周圍的虛線?
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>

電子郵件處理提交表單
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>

在打開的子窗口刷新父窗口的代碼里如何寫?
window.opener.location.reload()

如何設定打開頁面的大小
<body nload="top.resizeTo(300,200);">
打開頁面的位置<bodynload="top.moveBy(300,200);">

在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

檢查一段字元串是否全由數字組成
<script. language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight

怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");

TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

日期減去天數等於第二個日期
<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

選擇了哪一個Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>

腳本永不出錯
<SCRIPT. LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors;// -->
</SCRIPT>

ENTER鍵可以讓游標移到下一個輸入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">

④ javascript 使用 alert後,如何返回提交前的網頁位置,

Javascript是一種由Netscape的LiveScript發展而來的原型化繼承的面向對象的動態類型的區分大小寫的客戶端腳本語言,主要目的是為了解決伺服器端語言,比如Perl,遺留的速度問題,為客戶提供更流暢的瀏覽效果。當時服務端需要對數據進行驗證,由於網路速度相當緩慢,只有28.8kbps,驗證步驟浪費的時間太多。於是Netscape的瀏覽器Navigator加入了Javascript,提供了數據驗證的基本功能。

ECMAScript"標准制定的網頁腳本語言。這個標准由 ECMA 組織發展和維護。ECMA-262 是正式的 JavaScript 標准。這個標准基於 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 發明了這門語言,從 1996 年開始,已經出現在所有的 Netscape 和 Microsoft 瀏覽器中。ECMA-262 的開發始於 1996 年,在 1997 年 7 月,ECMA 會員大會採納了它的首個版本。 在 1998 年,該標准成為了國際 ISO 標准 (ISO/IEC 16262)。這個標准仍然處於發展之中。 在 2005年12月,ECMA發布ECMA-357標准(ISO/IEC 22537)出台,主要增加對擴展標記語言XML的有效支持。 目前javascript 的最新版本為4.0。

1、運算符
運算符就是完成操作的一系列符號,它有七類: 賦值運算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算術運算符(+,-,*,/,++,--,%)、比較運算符(>,<,<=,>=,==,===,!=,!==)、邏輯運算符(||,&&,!)、條件運算(?:)、位移運算符(|,&,<<,>>,~,^)和字元串運算符(+)。 可能很多人不知道"==="是什麼。 在這里,我為大家解釋一下,在javascript中,「=="是等同運算符。 等同運算符的比較規則: 當兩個運算數的類型不同時:將他們轉換成相同的類型, 1)一個數字與一個字元串,字元串轉換成數字之後,進行比較。 2)true轉換為1、false轉換為0,進行比較。 3)一個對象、數組、函數 與 一個數字或字元串,對象、數組、函數轉換為原始類型的值,然後進行比較。(先使用valueOf,如果不行就使用toString) 4)其他類型的組合不星等。 想兩個運算數類型相同,或轉換成相同類型後: 1)2個字元串:同一位置上的字元相等,2個字元串就相同。 2)2個數字:2個數字相同,就相同。如果一個是NaN,或兩個都是NaN,則不相同。 3)2個都是true,或者2個都是false,則相同。 4)2個引用的是同一個對象、函數、數組,則他們相等,如果引用的不是同一個對象、函數、數組,則不相同,即使這2個對象、函數、數組可以轉換成完全相等的原始值。 5)2個null,或者2個都是未定義的,那麼他們相等。 而「===」是全同運算符,全同運算符遵循等同運算符的比較規則,但是它不對運算數進行類型轉換,當兩個運算數的類型不同時,返回false;只有當兩個運算數的類型相同的時候,才遵循等同運算符的比較規則進行比較。 例如:null==undefined 會返回真 , 但是null===undefined 就會返回假!
2、表達式
運算符和操作數的組合稱為表達式,通常分為四類:賦值表達式、算術表達式、布爾表達式和字元串表達式。
3、語句
Javascript程序是由若干語句組成的,語句是編寫程序的指令。Javascript提供了完整的基本編程語句,它們是: 賦值語句、switch選擇語句、while循環語句、for循環語句、for each循環語句、do while循環語句、break循環中止語句、continue循環中斷語句、with語句、try...catch語句、 if語句(if..else,if...else if ...)、let語句。
4、函數
函數是命名的語句段,這個語句段可以被當作一個整體來引用和執行。使用函數要注意以下幾點: 1)函數由關鍵字function定義(也可由Function構造函數構造); 2)使用function關鍵字定義的函數在一個作用域內是可以在任意處調用的(包括定義函數的語句前);而用var關鍵字定義的必須定義後才能被調用; 3)函數名是調用函數時引用的名稱,它對大小寫是敏感的,調用函數時不可寫錯函數名; 4)參數表示傳遞給函數使用或操作的值,它可以是常量,也可以是變數,也可以是函數,在函數內部可以通過arguments對象(arguments對象是一個偽數組,屬性callee引用被調用的函數)訪問所有參數; 5)return語句用於返回表達式的值。 6)yield語句扔出一個表達式,並且中斷函數執行直到下一次調用next。 一般的函數都是以下格式: function myFunction(params) 函數表達式: var myFunction=function(params) var myFunction = function() myFunction();//調用函數 匿名函數,它常作為參數在其他函數間傳遞: window.addEventListener('load',function(),false);
5、對象
Javascript的一個重要功能就是面向對象的功能,通過基於對象的程序設計,可以用更直觀、模塊化和可重復使用的方式進行程序開發。 一組包含數據的屬性和對屬性中包含數據進行操作的方法,稱為對象。比如要設定網頁的背景顏色,所針對的對象就是document,所用的屬性名是bgcolor,如document.bgcolor="blue",就是表示使背景的顏色為藍色。
6、事件
用戶與網頁交互時產生的操作,稱為事件。事件可以由用戶引發,也可能是頁面發生改變,甚至還有你看不見的事件(如Ajax的交互進度改變)。絕大部分事件都由用戶的動作所引發,如:用戶按滑鼠的按鍵,就產生click事件,若滑鼠的指針在鏈接上移動,就產生mouseover事件等等。在Javascript中,事件往往與事件處理程序配套使用。 而對事件的處理,W3C的方法是用addEventListener()函數,它有三個參數:事件,引發的函數,是否使用事件捕捉。為了安全性,建議將第三個參數始終設置為false; 傳統的方法就是定義元素的on...事件,它就是W3C的方法中的事件參數前加一個「on」。而IE的事件模型使用attachEvent和dettachEvent對事件進行綁定和刪除。javascript中事件還分捕獲和冒泡兩個階段,但是傳統綁定只支持冒泡事件。
7、變數
如 var myVariable = "some value"; 變數有它的類型,上例中myVariable的類型為string(字元串) javascript支持的常用類型還有: object:對象 array:數組 number:數; boolean:布爾值,只有true和false兩個值,是所有類型中佔用內存最少的; null:一個空值,唯一的值是null; undefined:沒有定義和賦值的變數 實際上javascript的變數是弱變數類型,你賦值給他的是字元串,他就是String . 是數字他就是整形。是true和false他就是boolean型(注意,不能加引號,不然會被當成字元串處理)。
編輯本段特點
能夠具有交互性,能夠包含更多活躍的元素,就有必要在網頁中嵌入其它的技術。如:Javascript、VBScript、Document Object Model(DOM,文檔對象模型)、Layers和 Cascading Style Sheets(CSS,層疊樣式表),這里主要講Javascript。那麼Javascript是什麼東東?Javascript就是適應動態網頁製作的需要而誕生的一種新的編程語言,如今越來越廣泛地使用於Internet網頁製作上。 Javascript是由 Netscape公司開發的一種腳本語言(scripting language),或者稱為描述語言。在HTML基礎上,使用Javascript可以開發互動式Web網頁。Javascript的出現使得網頁和用戶之間實現了一種實時性的、動態的、交互性的關系,使網頁包含更多活躍的元素和更加精彩的內容。 運行用Javascript編寫的程序需要能支持Javascript語言的瀏覽器。Netscape公司 Navigator 3.0以上版本的瀏覽器都能支持 Javascript程序,微軟公司 Internet Explorer 3.0以上版本的瀏覽器基本上支持Javascript。微軟公司還有自己開發的Javascript,稱為JScript。 Javascript和Jscript基本上是相同的,只是在一些細節上有出入。 Javascript短小精悍, 又是在客戶機上執行的,大大提高了網頁的瀏覽速度和交互能力。 同時它又是專門為製作Web網頁而量身定做的一種簡單的編程語言。 JavaScript 使網頁增加互動性。JavaScript 使有規律地重復的HTML文段簡化,減少下載時間。JavaScript 能及時響應用戶的操作,對提交表單做即時的檢查,無需浪費時間交由 CGI 驗證。JavaScript 的特點是無窮無盡的,只要你有創意。
編輯本段開發工具
javascript程序是純文本的,且不需要編譯,所以任何純文本的編輯器都可以編輯javascript文件。在Dreamweaver CS5中不僅有很好的代碼高亮,還有較全的代碼提示和錯誤提示,相比其他編輯器來說是十分強大的。 Visual Studio 2008 支持javascript調試,使程序開發起來更加方便。
編輯本段使用技巧
在網頁的用法
Javascript加入網頁有兩種方法: 1、直接加入HTML文檔 這是最常用的方法,大部分含有Javascript的網頁都採用這種方法,如: <script type="application/javascript"> <!-- document.write("這是Javascript!採用直接插入的方法!"); //-Javascript結束--> </script> 在這個例子中,我們可看到一個新的標簽: <script>……</script>,而<script language="Javascript"> 用來告訴瀏覽器這是用Javascript編寫的程序,需要調動相應的解釋程序進行解釋。(w3c已經建議使用新的標准:<script type="application/javascript">) HTML的注釋標簽<!--和-->:用來去掉瀏覽器所不能識別的Javascript源代碼的,這對不支持 Javascript 語言的瀏覽器來說是很有用的。 注意在非xhtml文檔中插入script標簽時,如果不是引用外部文件,應該在script內加上cdata聲明,避免大於和小於運算符引起的瀏覽器解析錯誤 //-Javascript結束:雙斜杠表示 Javascript的注釋部分,即從//開始到行尾的字元都被忽略。 至於程序中所用到的document.write()函數則表示將括弧中的文字輸出到窗口中去, 這在後面將會詳細介紹。 另外一點需要注意的是,<script>……</script>的位置並不是固定的,可以包含在<head>......</head> 或<body>.....</body>中的任何地方。 還有一個更高級版本的嵌入腳本,它使用了HTML中的CDATA語法(Character Data,就是把CDATA中的文本全部當作純文本處理,除非遇到CDATA的結束) <script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!-- //javascript代碼 //--><!]]></script>
引用方式
如果已經存在一個Javascript源文件(通常以js為擴展名),則可以採用這種引用的方式,以提高程序代碼的利用率。其基本格式如下: <script src=「url」 type="text/javascript"></script> 其中的Url就是程序文件的地址。同樣的,這樣的語句可以放在HTML文檔頭部或主體的任何部分。 如果要實現「直接插入方式」中所舉例子的效果,可以首先創建一個Javascript源代碼文件「Script.js」,其內容如下: document.write("這是Javascript!採用直接插入的方法!"); 在網頁中可以這樣調用程序:<script src="Script.js" type="text/javascript"></script> 。 也可以同時在導入文件時制定javascript的版本,例如:<script src="Script.js" type="text/javascript; version=1.8"></script> 注意:凡是指定了src屬性的script標簽里的內容都會被忽略.
腳本的調試
JavaScript Editor
隨著用JavaScript編程的深入,你會開始理解那些JavaScript給出的不透明錯誤信息。一旦你理解了你常犯的一般性錯誤,你就會很快知道怎樣避免它們,這樣你寫的代碼中的錯誤將越來越少。編程實際上是一種能隨著時間不斷飛快進步的技術。但是不管變得多麼熟練,你仍然要花一些時間調試你的代碼。如果你做過家庭作業,或有過JavaScript編程經驗,你會知道相當多的時間是花在調試上。這很正常 - 這只是編程者必須做的事之一。實際上,按照大量的研究,程序員平均百分之五十的時間花在解決代碼中的錯誤。 調試的技巧: 根據瀏覽器的提示信息 選擇瀏覽器是很重要的,不同的瀏覽器的錯誤提示都不同,在瀏覽器中錯誤信息最容易理解的,能最快找出錯誤的,就是firefox和opera了。它們都會給出詳細的出錯原因和行號。 使用調試工具 如果你是Firefox的用戶,那麼你可以到添加組件的網頁中搜索一些用於網頁開發的組件 推薦:Firebug 一款非常優秀的組件,可以指出你的腳本中的錯誤,查看DOM樹,查看cookie,ajax通信,並且還有CSS的調試工具,而且也有不少firebug的擴展。 javascript debugger 這是mozilla開發的調試工具,項目代號叫venkman,和gecko的javascript解析器無縫集成,功能非常強大。 清除瀏覽器緩存 有時瀏覽器會在網頁明明修改過的時候卻依然使用緩存里的網頁來顯示,這時最好強制刷新網頁以重新載入數據,如果還不行就清除緩存。 輸出變數 如果你使用firebug調試的話,可以很方便地在腳本里用console.log()來輸出變數的值,而且幸運的是,firebug還會對你輸出的變數進行解析,在控制台里顯示一個清晰的變數結構 如果你沒有firebug,那麼可以用alert代替,不過當有幾百個變數輸出時,很可能不得不強行關閉瀏覽器。在網頁里專門放置一個調試用的div也是一種不錯的解決辦法。

閱讀全文

與程序員如何判斷網頁位置相關的資料

熱點內容
我的世界冷知識村民能交易什麼 瀏覽:996
上海市代理商有多少人縵霖 瀏覽:922
工具欄如何隱藏程序 瀏覽:837
realme品牌手機怎麼做代理 瀏覽:665
駝奶需要多少錢代理 瀏覽:836
產品經理轉行做什麼 瀏覽:766
外匯交易保證金多少合適 瀏覽:772
三農批發市場在哪個地方 瀏覽:770
群聊小程序怎麼進入 瀏覽:977
什麼是分子標記生物技術 瀏覽:978
拼多多多久不回信息 瀏覽:370
如何才能成為蘭花交易網的版主 瀏覽:202
游戲交易平台有哪個 瀏覽:592
交易貓發簡訊警告怎麼退款 瀏覽:339
程序員離職回老家做什麼生活 瀏覽:811
如何補充打疫苗信息 瀏覽:957
遵義的古董交易市場在哪裡 瀏覽:845
如何做巴斯夫代理 瀏覽:529
怎麼獲得全部信息 瀏覽:907
信息技術的服務主體是什麼 瀏覽:527