当前位置：首页 » 网站代码 » js代码重用

js代码重用

发布时间: 2021-03-17 12:24:17

A. 如何实现单页面js代码复用呢，比如我现在想做个轮播js

为什么是“单页面js代码复用”，而不是功能复用（方法重用）。
轮播js 自己封装个控件出来就好了。

B. javascript代码复用的设计思想请教

可以试着把一些通用的方法分离出来，写成一个common.js。细小差别可以通过设定不同type值作为区别标示。
有时间可以看看关于JavaScript模块化的知识。

C. 如何通过模块化的方式让Javascript代码避免重复执行

可以使用mole模式对代码进行重用和模块化。假设在文件1.js定义mole如下：
var Mole = (function(plication) {
var _private = '';//private variable here

var plication = {};
plication.foo = function() {
if(...) {
for(...) {
//define your plication here
}
}
};

return plication;//return the public variable
} (Mole || {}));

在你的文件2.js中就可以这样使用：
var Mole = (function(plication) {
return plication;
} (Mole || {}));

Mole.foo();//use the method defined in 1.js

这样就把一个mole分割到了多个文件中，将代码重复部分定义为 public ，彼此可以交叉访问和使用，因为我采用的是松耦合，也可以对函数进行重构，如下：
var Mole = (function(plication) {
plication.foo = function() {
//refactor method foo here
}
return plication;
} (Mole || {}));

而私有部分则定义为 private ,一般不建议访问彼此的私有对象。

D. 引入js文件除了代码重用还有什么优点

效率是一样的！但是写在JS文件里面不会跟html混淆代码，然后有些公用的JS方法就无需重写了~ 可以直接加载同一JS文件，减小网页负重！

E. 求指导web项目开发，前端js代码提高复用性

把原来的这些js文件里面的什么id name class 都用一个变量就可以了撒，调用的时候传不同的进去就可以了

F. javascript代码封装成组件，方便重用，怎么做

<html>

<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS字幕打字效果</title>
<styletype="text/css">
body{
font-family:Arial;
margin-top:0px;
background-repeat:no-repeat;
padding-top:100px;
}

#myContent,#myContentblink{
width:500px;
height:200px;
background:black;
color:#00FF00;
font-family:courier;
}

blink{
display:inline;
}
</style>
<scripttype="text/javascript">
varYUGI={
charIndex:-1,
stringLength:0,
inputText:null,
currentStyle:'inline',
writeContent:function(init,contentToWrite,myContent){
varcharIndex=YUGI.charIndex;
varstringLength=YUGI.stringLength;
varinputText=YUGI.inputText;
if(init){
YUGI.inputText=inputText=document.getElementById(contentToWrite).innerHTML;
}
if(charIndex==-1){
charIndex=0;
YUGI.stringLength=stringLength=inputText.length;
}
varmc=document.getElementById(myContent);
varinitString=mc.innerHTML;
initString=initString.replace(/<SPAN.*$/gi,"");
vartheChar=inputText.charAt(charIndex);
varnextFourChars=inputText.substr(charIndex,4);
if(nextFourChars=='<BR>'||nextFourChars=='<br>'){
theChar='<BR>';
charIndex+=3;
}
initString=initString+theChar+"<SPANid='blink'>_</SPAN>";
mc.innerHTML=initString;
YUGI.charIndex=charIndex=charIndex/1+1;
varbl=document.getElementById("blink");
if(charIndex%2==1){
bl.style.display='none';
}else{
bl.style.display='inline';
}
if(charIndex<=stringLength){
setTimeout(function(){
YUGI.writeContent(false,"contentToWrite","myContent");
},150);
}else{
YUGI.blinkSpan(bl);
}
},
blinkSpan:function(blink){
varcurrentStyle=YUGI.currentStyle;
if(currentStyle=='inline'){
currentStyle='none';
}else{
currentStyle='inline';
}
blink.style.display=currentStyle;
setTimeout(function(){
YUGI.blinkSpan(blink);
},500);
}
};
</script>
</head>

<body>
<divid="myContent"></div>
<divid="contentToWrite"style="display:none">Login:username
<br>password:******
<br>Accessisgranted
<br>
</div>
<scripttype="text/javascript">
YUGI.writeContent(true,"contentToWrite","myContent");
</script>
</body>

</html>

G. 如何把HTML代码单独写然后重用

将代码放入一个html页面中然后

1、iframe 可以加载html页面

2、js ajax Ajax.load() 可以实现加载html页面

那补充下吧：

比如用方法一：

123.html

<html>
<head></head>
<body>
123123123
</body>
</html>

456.html

<html>
<head></head>
<body>
<iframe src="./123.html" frameborder="0" scrolling="no" height="100px" width="100px" noresize="noresize"></iframe>
</body>
</html>

你可以测试下

H. 如何让js代码重复使用

不太明白你的描述。。
你是多个页面要使用同一个函数，还是一个页面要使用同一个函数？

怎么会出现需要复制粘贴改id才能使用的函数？你是使用闭合方式写的对象里面的函数么？

I. html 代码重用

在静态的html中，可以利用Dreamweaver存为模板或者库文件。需要的适合从模板存版在html的新页面即权可。更新模板。其它页面也会相应改变。如果是动态的在asp中也有include的。如

J. 在网页中重复使用Js代码

html页面调用一下js文件。你的js单独放在一个文件。html里就<script>调用，加一下js文件的路径。然后在使用你的函数名dynOpacity(传入参数)

阅读全文

js代码重用

与js代码重用相关的阅读推荐