Question

如何将这段代码中的js分离出去，做成外部的js文件

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

<div id="qui" style="display:none;">
<div class="close2" onclick="javascript:document.getElementById('qui').style.display = 'none';"><span>关闭</span></div>
<a href="http://www.baidu.com" target="_blank">aaaffffffff</a>
</div>

Answer 1

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.baidu.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.baidu.com" target="_blank">aaaffffffff</a>
</div>

追问

如果要页面加载一段时间在执行这个js要怎么弄，时间可以自己设置

追答

你设置的onclick 事件 只有你点击了那个区域触发了这个函数才会执行