当前位置：首页 » 网站代码 » 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代码分离相关的阅读推荐