<head>
<script type="text/javascript" src="Scripts/page.js"></script>
</head>
page.js 就是Script代碼
B. 如何將JavaScript代碼從HTML文件中分離出來
將JavaScript代碼從HTML文件中分離出來,我們只是需要將JS的代碼都統一寫在一個文件中,然後我們在通過window.onload的事件,這個就是html先載入完成,然後才會調用JS文件,這里還是通過代碼來體現:
html中:<html>
<head></head>
<script type="text/javascript" src="waterfall1.js"></script>
<script type="text/javascript" src="jquery.js"></script>
</html>
JS文件中:
window.onload = function(){
alert('我是JS文件代碼');
}
C. html代碼能和js完全分開嗎
可以。
1、用angularJs,把用html作為模板,用js調用。
2、寫html,<script>引入js,例如:jqurey等;
D. 求高手教一下怎麼分離HTML.CSS.JS分離的方法
這個要求怎麼理解?css,js,html,分別放不同的文件。html中引入即可。
還是要求html中沒用js和版css。如果是後者就麻煩了,估權計要用jquery。否則基本寫不了。
如果是前者,就簡單多了,就是把頁面的css和js代碼進行剝離,分別放到不同的文件,然後引入文件即可。要求頁面元素的樣式都要使用class=「」這樣的。
E. js 怎樣實現事件和html的分離,當點擊時可以傳一個值個js。
把show(i) 換成show(this);
在show方法里 接收到this值後, this.id.split('_')[1]就是對應值了。
你的思路有問題, 永遠不要版這樣綁定事件, 就算權i有值 也永遠是5。 不能這么寫的,朋友。
F. 我想把html和js分離管理,於是把script標簽中的所有代碼剪切到js文件中保存,script
1、js代碼必須要來寫正確的。比如自你的js文件是123.js,在123.js中直接寫js代碼。代碼中不要加<script> </script>
2、調用時,js路徑要寫正確。如果你的js放到根目錄就寫
<script src="/123.js"></script>
G. JS代碼和HTML代碼分離問題
window.onload=function(){
var
speed=10;
var
tab=document.getElementById("demo");
tab2.innerHTML=tab1.innerHTML;
function
Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var
MyMar=setInterval(Marquee,speed);
tab.onmouseover=function()
{clearInterval(MyMar)};
tab.onmouseout=function()
{MyMar=setInterval(Marquee,speed)};
}
你分離後沒有效果是因為JS不同於CSS,載入後就開始執行了
而頁面還沒有載入完
自然專找不到屬它要執行的對象了
H. 怎麼把這個html中的js代碼分離成.js文件
直接提出來就可以了!在原來的位置引入JS就行了!
I. 這段HTML代碼怎麼將其中的JS段落分離出來,單獨作為一個JS文件表達
這些你用jquery實現起來很方便。
你要先引入一個jquery得類庫文件,代碼如下(放在head中)
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
然後你的test.js文件這樣寫
//--js開始---
$(document).ready(function(){
$(".span1").click(function(){
$("#login").css("visibility","visible");
});
$(".div1").click(function(){
$("#login").css("visibility","hidden");
});
});
//--js結束---
HTML代碼可以精簡為:
<!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>無標題文檔</title>
<style>
.holder{
position:absolute; border:solid #FF0000 1px; height:20px;
}
div .bar {
background-color:#003300; height:20px;
}
</style>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<span style="cursor:pointer;" class="span1">顯示</span>
<div id="login" style="border:#003300 dotted 1px; margin:auto; width:200px; position:relative ">
<div style="cursor:pointer; position:absolute; right:2px; top:2px;" class="div1">X</div>
<center><form>
Username:<input type="text" /></form>
Password:<input type="password" /><br />
<input type="submit" value="GO" />
</form>
</center>
</div>
</body>
</html>
J. javascript中怎樣把js和html頁面分離呢,非誠勿擾
<html>
<head>
<script type="text/javascript">
function test1()
{
alert(1);
}
test1();
</script>
</head>
<body>
</body>
</html>