怎么重新加载js文件

JavaScript018

怎么重新加载js文件,第1张

加载js文件三种方法，如下：

1、重新加载js文件：

function loadJs(file) {

var head = $("head").remove("script[role='reload']")

$("<scri" + "pt>" + "</scr" + "ipt>").attr({ role: 'reload', src: file, type: 'text/javascript' }).appendTo(head)

}

2、给js定个id，重新加载：

function reloadAbleJSFn(id,newJS)

{

var oldjs = null

var t = null

var oldjs = document.getElementById(id)

if(oldjs) oldjs.parentNode.removeChild(oldjs)

var scriptObj = document.createElement("script")

scriptObj.src = newJS

scriptObj.type = "text/javascript"

scriptObj.id = id

document.getElementsByTagName("head")[0].appendChild(scriptObj)

}

3、jquery的就直接使用getScript就可以：

<script type="text/javascript" src="../jquery.js"></script>

<script type="text/javascript">

$(function()

{

$('#loadButton').click(function(){

$.getScript('new.js',function(){

newFun('"Checking new script"')//这个函数是在new.js里面的，当点击click后运行这个函数

})

})

})

</script>

</head>

<body>

<button type="button" id="loadButton">Load</button>

不刷新页面，重新加载js文件的方法有：

通过js创建script标签，例如

var script = document.createElement("script")

script.src = "test.js"

document.body.appendChild(script)

2.通过ajax实现无刷新加载，ajax的方法可以自己写，也可以引用，以下引用的是jquery的ajax

$.ajax({

    type = "get",

    url : "test.js",

    dataType : "script"

})

总结：如果是自己写js，不引用。建议用第一种，第二种也可以参考。

使用AJAX技术实现不刷新页面 AJAX 是一种用于创建快速动态网页的技术。 通过与服务器进行量数据交换，在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。