當前位置：首頁 » 網站代碼 » js代碼分離

js代碼分離

發布時間: 2021-03-04 11:44:40

1. 如何把JS代碼分離出來!

<html>
<head>
<script type="text/javascript">
function aa(){
document.getElementById('abc').innerHTML="ABC顯示內版容權";
document.getElementById('efg').innerHTML="efg顯示內容";
}
window.onload=function(){
aa();
}
</script>
</head>

2. javascript函數分離

window.onload=function(){
varchkObjs=document.getElementsByName("browser");
for(vari=0;i<chkObjs.length;i++){
if(chkObjs[i].checked){
chkValue=chkObjs[i].value;
break;
}
}
}

這樣就可以了，你試試

用jquery謝了一段完整的，你看看吧

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title></title>
<scriptsrc="http://js.ue.766.com/common/jqLib/jquery-1.6.2.min.js"type="text/javascript"></script>
</head>
<body>
<divclass="box">
<form>
<inputtype="radio"name="browser"value="InternetExplorer">InternetExplorer<br/>
<inputtype="radio"name="browser"value="Firefox">Firefox<br/>
<inputtype="radio"name="browser"value="Netscape">Netscape<br/>
<inputtype="radio"name="browser"value="Opera">Opera<br/>
<br/>
您喜歡的瀏覽器是：<inputtype="text"id="answer"size="20">
</form>
</div>
</body>
<scripttype="text/javascript">
$(".box:radio").change(function(){
$("#answer").val($("input[name='browser']:checked").val());
});
</script>
</html>

3. 這段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>

4. 如何將這段代碼中的js分離出去，做成外部的js文件

js文件名：test.js

function display_qui() {
document.getElementById('qui').style.display = 'block';
document.getElementById('swt').style.display = 'none';

}
function display_swt() {
document.getElementById('qui').style.display = 'none';
document.getElementById('swt').style.display = 'block';
}

html:
<script scr="js文件路徑"></script>

<div class="swt" id="swt" style="display: block;">
<div class="close" onclick="display_qui();"></div>
<a href="http://www..com" target="_blank"><img src="images/swt.gif" width="467" height="377" /></a>
</div>

<div id="qui" style="display:none;">
<div class="close2" onclick="display_swt();"><span>關閉</span></div>
<a href="http://www..com" target="_blank">aaaffffffff</a>
</div>

5. 怎麼把這個html中的js代碼分離成.js文件

直接提出來就可以了！在原來的位置引入JS就行了！

6. js 問題，我想把一段JS代碼分離出去成一個xxx.js文件。然後在首頁調用

新建js文件，把你的js代碼進去，在首頁中引入你這個js文件所放目錄，然後直接內掉其中的方法就容行了。
路徑引入如：
<script type='text/javascript' src="path/xxx.js"></script>

7. JS代碼和HTML代碼分離問題

8. 將js代碼中的單個功能分離出來

ctrl+c, ctrl+v

9. JS中如何分離字元串

有兩種來方式

1、通過split關鍵字自進行分離

varstr="abd,sda,dsad";//定義一個字元串
vararr=str.split(",");//通過逗號把字元串分隔。
//arr[0]等於abd,arr[1]等於sda,arr[2]等於dsad

2、通過substring的方式進行分割

varstr="abdsdafewe";
vars1=str.substring(0,4);//取前半部分abds
vars2=str.substring(4,str.length);//取後半部分dafewe

10. js代碼分離

不用$(document).ready，而改成function形式，在頁面中調用函數傳遞參數${obj.styleType}就好了。
如：

JS文件
function setOption(styleType) {
$.ajax( {
type : "post",
url : "dictListJson.action",
data : {"obj.dictType.dictTypeid":"styletype"},
success : function(data) {
if (data != null) {
var $select1 = $("#styleType");
$select1.empty();
for ( var i = 0; i < data.length; i++) {
var opt=$("<option/>").attr("value", data[i].dictname).html(
data[i].dictname);
if(data[i].dictname==styleType){
opt.attr("selected","selected");
}
opt.appendTo($select1);
}
}
},
dataType : "json"
});
});

html頁面的JS
$(document).ready(function(){
setOption('${obj.styleType}');
});

閱讀全文

js代碼分離

與js代碼分離相關的閱讀推薦