當前位置：首頁 » 網頁設計 » 網頁用js

網頁用js

發布時間: 2021-03-20 13:24:56

Ⅰ 怎麼用js調用另一個網頁！

區分幹麼?你要調用哪個文件里的功能或函數就直接用代碼調用就行了.如:
a.js中有一個專功屬能ShowName()
b.js中有一個功能HelloMsg()
在文件中調用:
<script>ShowName();</script>
可能在另一個地方要調用第二個則用相同的方法:
<script>HelloMsg()</script>

是這樣的,在HEAD里寫的是對JS的外部連接(文件連接,不然用不了那個文件里的代碼)
你再仔細看看BODY里的內容,肯定會有JS調用語句的,如果沒有,可能在那兩個JS里設置好了調用或就是直接實現功能的語句,而不是用函數形式提供的.JS調用的方式很多,有隱藏的有明顯的.

Ⅱ 如何用JS製作以下網頁

這樣的有幾種寫法，一個就是發送請求給後台，傳的數據是郵箱，然後獲取用戶名，域名，頂級域名，然後渲染到頁面上，但是這得後台配合，第二個就是自己聲明假的數據，就是一個數組，裡面有多個對象,比如：
<input type="text" placeholder="請輸入郵箱">
<button>開始分析</button>
<div>
用戶名:<span class="username"></span></br>
域名:<span class="domain"></span></br>
頂級域名:<span class="top-domain"></span>
</div>
<script type="text/javascript">
var arr = [{email:"[email protected]",username:"zhangsan",domain:"hao123",topDomain:".com"},{email:"[email protected]",username:"lisi",domain:"",topDomain:".com"},{email:"[email protected]",username:"wangwu",domain:"taobao",topDomain:".com"}];
var inp = document.getElementsByTagName("input")[0];
var btn = document.getElementsByTagName("button")[0];
var username = document.getElementsByClassName("username")[0];
var domain = document.getElementsByClassName("domain")[0];
var topDomain = document.getElementsByClassName("top-domain")[0];
btn.onclick = function() {
var val = inp.value;
username.textContent = "";
domain.textContent = "";
topDomain.textContent = "";
for (var i=0;i<arr.length;i++) {
if (val == arr[i].email) {
username.textContent = arr[i].username;
domain.textContent = arr[i].domain;
topDomain.textContent = arr[i].topDomain;
}
}
}
</script>

Ⅲ 網頁製作中js是幹嘛用的

html只能用來做靜態的頁面，js可以實現當前日期的調用，div左側與右側的自適應，給你個網址你學學吧很好的 http://www.w3school.com.cn/js/index.asp js語句可長可短，自己根據需要寫 // JavaScript Document function initArray(){ for(i=0;i<initArray.arguments.length;i++) this[i]=initArray.arguments[i]; } var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today=new Date(); hrs=today.getHours(); min=today.getMinutes(); sec=today.getSeconds(); clckh=""+((hrs>12)?hrs-12:hrs); clckm=((min<10)?"0":"")+min; clcks=((sec<10)?"0":"")+sec; clck=(hrs>=12)?"下午":"上午"; var stnr=""; var ns="0123456789"; var a=""; function getFullYear(d){ //d is a date object yr=d.getYear(); if(yr<1000) yr+=1900; return yr; } document.write(getFullYear(today)+"年"+isnMonths[today.getMonth()]+""+today.getDate()+"日 "+isnDays[today.getDay()]); 這是我寫的顯示日期的代碼，把我這段代碼放進div， <div> <ul><li class="date">當前日期：<script src="nowdate.js"></script></li></ul></div> 顯示結果就是：當前日期： 2012年4月14日星期六

Ⅳ 如何在html網頁中調用JS函數

1. a href="javascript:js_method();"

這是平台上常用的方法，但是這種方法在傳遞this等參數的時候很容易出問題，而且javascript:協議作為的href屬性的時候不僅會導致不必要的觸發window.onbeforeunload事件，在IE裡面更會使gif動畫圖片停止播放。W3C標准不推薦在href裡面執行javascript語句

2. a href="javascript:void(0);" onclick="js_method()"

這種方法是很多網站最常用的方法，也是最周全的方法，onclick方法負責執行js函數，而void是一個操作符，void(0)返回undefined，地址不發生跳轉。而且這種方法不會像第一種方法一樣直接將js方法暴露在瀏覽器的狀態欄。

3.a href="javascript:;" onclick="js_method()"

這種方法跟跟2種類似，區別只是執行了一條空的js代碼。

4.a href="#" onclick="js_method()"

這種方法也是網上很常見的代碼，#是標簽內置的一個方法，代表top的作用。所以用這種方法點擊後網頁後返回到頁面的最頂端。

5.a href="#" onclick="js_method();return false;"

這種方法點擊執行了js函數後return false，頁面不發生跳轉，執行後還是在頁面的當前位置。

看了下taobao的主頁，他們採用的是第2種方法，而alibaba的主頁是採用的第1種方法，和我們的區別是每個href里的javascript方法都用try、catch包圍。

綜合上述，在a中調用js函數最適當的方法推薦使用：

代碼如下:

a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

Ⅳ 用javascript打開一個網頁

就是直接寫：window.open(url); 或者用location.href=url; 地址沒錯的話，就能打開指定的網頁

Ⅵ 用JS做個簡單的網頁~

<html>
<head>
<script>
function show(hour,minute,second){
second++;
if(second%60==0){
minute++;
second=0;
}
if(minute%60==0&&minute!=0){
hour++;
minute=0;
}
document.getElementById("onlinetime").innerHTML = "您在本站逗留的時間為"+hour+"時"+minute+"分"+second+"秒";
setTimeout("show("+hour+","+minute+","+second+");",1000)
}
</script>
</head>
<body onload="show(0,0,1);">
<div id="onlinetime"></div>
</body>
</html>

Ⅶ 網頁如何調用js代碼

1.<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT>
可以放在網頁的最抄後面襲也可以放在你網頁原來的JS的地方
2.把JS里的最後一句放到網頁裡面,代碼如下：
window.onload=function(){glide.layerGlide(true,'icon_num_top','show_pic_top',205,2,0.1,'top');}
這樣，<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT> 這段代碼，你放在網頁的任何地方都可以了

Ⅷ 網頁里是如何調用js的

區分幹麼?你要調用哪個文件里的功能或函數就直接用代碼調用就行了.如:
a.js中有一個功能ShowName()
b.js中有一個功能HelloMsg()
在文件中調用:
<script>ShowName();</script>
可能在另一個地方要調用第二個則用相同的方法:
<script>HelloMsg()</script>

是這樣的,在HEAD里寫的是對JS的外部連接(文件連接,不然用不了那個文件里的代碼)
你再仔細看看BODY里的內容,肯定會有JS調用語句的,如果沒有,可能在那兩個JS里設置好了調用或就是直接實現功能的語句,而不是用函數形式提供的.JS調用的方式很多,有隱藏的有明顯的.

Ⅸ 用JAVASCRIPT實現HTML頁面

你好，你看一看是不是這樣不是的話我再改：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
</head>

<body><center>
<h3>頁面標題</h3>
<hr width="80%"/>
<form name="form1" method="post" action="">
<table width="509" border="1" cellspacing="0" cellpadding="0">
<caption>
表頭
</caption>
<tr>
<td width="171" align="center">姓名</td>
<td colspan="2" align="center">聯系方式</td>
</tr>
<tr>
<td align="center"><label>
<input type="text" name="textfield">
</label></td>
<td width="85" align="right">固定電話</td>
<td width="245"><input type="text" name="textfield2"></td>
</tr>
<tr>
<td align="center"></td>
<td align="right">手機</td>
<td><input type="text" name="textfield3"></td>
</tr>
</table>
</form>
</center></body>
</html>

Ⅹ 用JavaScript給做個網頁！！

效果1：
＜ id="marquees"> ＜!-- 這些是字幕的內容，你可以任意定義 --> ＜a href="#">鏈接一＜/a>
＜br> ＜a href="#">鏈接二＜/a>
＜br> ＜a href="#">鏈接三＜/a>
＜br> ＜a href="#">鏈接四＜/a>
＜br> ＜!-- 字幕內容結束 -->
＜/div>
＜!-- 以下是java-script代碼 -->
＜script language="java-script">
＜!--
marqueesHeight=200; //內容區高度
stopscroll=false; //這個變數控制是否停止滾動
with(marquees){
noWrap=true; //這句表內容區不自動換行
style.width=0; //於是我們可以將它的寬度設為0，因為它會被撐大
style.height=marqueesHeight;
style.overflowY="hidden"; //滾動條不可見
onmouseover=new Function("stopscroll=true"); //滑鼠經過，停止滾動
onmouseout=new Function("stopscroll=false"); //滑鼠離開，開始滾動
}
//這時候，內容區的高度是無法讀取了。下面輸出一個不可見的層"templayer"，稍後將內容復制到裡面：
document.write('＜div id="templayer"
style="position:absolute;z-index:1;visibility:hidden">＜/div>');
function init(){ //初始化滾動內容
//多次復制原內容到"templayer"，直到"templayer"的高度大於內容區高度：
while(templayer.offsetHeight＜marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的內容的「兩倍」復制回原內容區：
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//設置連續超時，調用"scrollUp()"函數驅動滾動條：
setInterval("scrollUp()",10);
}
document.body.onload=init;
preTop=0; //這個變數用於判斷滾動條是否已經到了盡頭
function scrollUp(){ //滾動條的驅動函數
if(stopscroll==true) return; //如果變數"stopscroll"為真，則停止滾動
preTop=marquees.scrollTop; //記錄滾動前的滾動條位置
marquees.scrollTop+=1; //滾動條向下移動一個像素
//如果滾動條不動了，則向上滾動到和當前畫面一樣的位置
//當然不僅如此，同樣還要向下滾動一個像素(+1)：
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
＜/script>

閱讀全文

網頁用js

與網頁用js相關的閱讀推薦