html引用js變數_html如何調用外部js中得方法

㈠ html調用js變數和函數的幾個方法

<span style="font-size:18px;">
<head runat="server">
<title></title>
<script type="text/javascript">
var RestID = 2;//javascript變數
function a() {//javascript函數

window.open("showNews.aspx?id= " + RestID);
}

</script>
</head>

<body>
<form id="form1" runat="server">
<script language="javascript" type="text/javascript">
var str1,str2
str1="fdsgdg dsfdsf china"
str2="武漢市廣播電視大學"
document.write("顯示字元串1："+str1+"<br>")
document.write("顯示字元串2：" + str2 + "<br>")

//document.write()函數的寫法很重要，寫好才能正確的讀到javascript的參數
<span style="color:#ff6666;">//方式一，打開新窗口，轉到新鏈接

</span> document.write(" <a href= 'showNews.aspx?id="+RestID+"' style='text-decoration:none; color:Black;' target='_blank'> 目標頁 </a> ")
</script>

<span style="color:#ff9966;">//方式二，使用javascript:location.href，但是不能在新窗口中打開鏈接
</span> <a href= "javascript:location.href= 'showNews.aspx?id= ' + RestID " style=" text-decoration:none; color:Black;" target="_blank"> 目標頁 </a>

<span style="color:#33cc00;">//方式三，使用javascript:open，只能在搜狗瀏覽器里打開，在IE、火狐、360瀏覽器裡面都打不開，就是說明這個方法不太好

</span> <a href= "javascript:open( 'showNews.aspx?id= ' + RestID)" style=" text-decoration:none; color:Black;" target="_blank"> 目標頁 </a>

<span style="color:#ff6666;">//方式四使用window.open但是滑鼠為箭頭而不是表示鏈接時的手型，

</span> <a onclick= "window.open( 'showNews.aspx?id= ' + RestID)" style=" text-decoration:none; color:Black;" target="_blank"> 目標頁 </a>
<span style="color:#009900;">//方式五調用 javascript函數，但是滑鼠為箭頭而不是表示鏈接時的手型，
</span>
<a onclick= "javascript:a()" style=" text-decoration:none; color:Black;" target="_blank"> 目標頁 </a></form>

</body>
</span>

㈡ HTML中怎麼引用JS

1、通過使用html標簽的style屬性來寫。通過這種方式寫的樣式會覆蓋掉其他引入方式的樣式。優先選擇行內樣式。缺點是不利於後期維護，如果一個頁面寫太多行內樣式，也會讓頁面看著比較亂。

㈢如何在html中調用JS文件

一、JavaScript腳本語言的特性 JavaScript腳本語言是一種面向瀏覽器的網頁腳本編程語言。腳本語言有以下幾個特性：1、在客戶端執行。完全在用戶的計算機上運行，無須經過伺服器。2、面向對象。具有內置對象，也可以直接操作瀏覽器對象。3、動態變化。可以對用戶的輸入作出反應，也可以直接對用戶輸出。4、簡單易用。JavaScript腳本語言雖然簡單，但初學者也能快速掌握。5、只能與HTML語言一起使用。要通過瀏覽器解釋執行。二、如何在HTML中加入JavaScript腳本 JavaScript採用的格式如下：<Script Language="JavaScript">JavaScript 語句 </Script>把上述語句放在HTML的<head>與</head>之間，也可放在<body>與</body>之間。例子：在網頁上顯示「你好！」。<html><body><Script Language="JavaScript">alert("你好！") </script></body></html>三、在瀏覽器地址欄直接執行JavaScript腳本也可以在瀏覽器的地址欄中輸入JavaScript語句，由瀏覽器直接執行。如輸入：javascript:alert(200*75)四、調用JavaScript文件可以將純JavaScript的語句另外保存在一個"*.js"的文件中，需要時再調用。例子：調用test.js文件，顯示提示。 <html><body>調用test.js文件<script language="JavaScript" src="test.js"></script></body></html> test.js的文件內容如下： alert("這是被調用的語句。") 五、注釋語句用<!- ... ->表示註解部分，用作說明解釋，瀏覽器不顯示出來。不要也可以。另外，雙斜線 "//" ，是JavaScript 的注釋語句，它後面的語句不被執行。六、變數的使用變數的聲明：Var usename變數的賦值：usename="李國強"例子：在網頁上顯示「李國強你好！」。<html><body><Script Language="JavaScript">Var usenameusename="李國強"alert(usename + "你好！") </script></body></html>七、數組數組的定義：var name=new Array(5) 用 new 來生成數組。數組的賦值：name[1]="Marry"數組的初始化：var name=new Array("Marry","Petty","Mike","Jphn")數組的引用：name[1]註：數組的第一個素由1開始。八、運算符與表達式1、代數運算符：加（+）、減（-）、乘（*）、除（/）、取余（%）。2、比較運算符：等於（==）、不等於（!=）、大於（>）、小於（<）、大於等於（>=）、小於等於（<=）。3、邏輯運算符：邏輯與（&&）、邏輯或（||）、邏輯非（!）。表達式：由變數和運算符組成的式子。如：usename + "你好！"

㈣如何把網頁中輸入框內的數據變成JS腳本中的一個變數的值

<!復--html-->
<inputtype='text'id='iptTxt'>

<script>
variptTxt=document.getElementById('iptTxt');
//假如a是你需制要的變數，那麼可以通過獲取iptTxt的value值來賦值給a
vara=iptTxt.value;
</script>

㈤ html中怎麼顯示js中定義的變數的值並把它放在頁面中想要的位置

給出兩種方法，一種是在固定位置顯示，另一種是在任意位置顯示變數的值。

方法1：在固定的位置顯示，即自己想要出現的位置。下面是代碼格式：document.write sVar，其中的sVar代表變數名。

方法2：在頁面任意位置寫入JS
document.getElementById(」obj「).innerHTML=sVar，其中obj為需要輸出值的元素ID，如div、span等。

㈥怎麼在html的<img src="">中調用js的函數或者js變數來指定圖片路徑

<img src="?" onload="this.src='圖片地址';" onerror="this.src='圖片地址';" />

如果想實現輪播而又想直接通過圖片來觸發事件，那麼可以用下面回兩種方法答來實現：

1、img標簽的src屬性事先不放實際存在的圖片網址，則網頁顯示後會觸發img的onerror事件，那麼
<img src="?" id=img1 onerror="nextpic();" />
2、img標簽的src屬性事先放入實際存在的圖片網址，則網頁顯示後會觸發img的onload事件，那麼
<img src="123.gif" id=img1 onload="nextpic();" />

㈦ html如何調用外部js中得方法

需要准備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如內：index.html，引用容外部js，例如index.js。

㈧怎麼在HTML頁面中引用JS,CSS文件麻煩寫個具體代碼

html代碼

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="utf-8">
		<title></title>
		<linkhref="mycss.css"rel="stylesheet"type="text/html"/>
	</head>
	<body>
		<divid="temp"></div>
	</body>
	<scripttype="text/javascript"src="myjs.js"></script>
</html>

mycss.css的代碼

#temp{
	width:100px;
	height:100px;
	background:black;
}

myjs.js的代碼

window.onload=function(){
	alert("寫給怎麼在HTML頁面中引專用JS,CSS文件?麻煩屬寫個具體代碼");
};

以上三個文件都是放在同一個目錄下的，如果需要在不同的目錄下請修改css的href和js的src即可

㈨ HTML中怎麼引用JS

導航:首頁 > 編程語言 > html引用js變數

html引用js變數

與html引用js變數相關的資料

友情鏈接