我目前有一个网站,我需要一个功能,当用户点击超链接时替换div的内容
我使用以下方法实现了这一目标:
<a href="javascript:ReplaceContentInContainer('desc','the button has been pressed')"> Click here </a>
<script type="text/javascript"><!--
function ReplaceContentInContainer(id,content) {
var container = document.getElementById(id);
container.innerHTML = content;
}
</script>
但是,我有两个快速的问题 - 一旦单击按钮,在div中写入JS中的字符串 - 是否可以传入包含此文本的HTML文件?
我需要这样做,以便新文本有一个新的URL - 这可能吗? (例如,一旦用户点击按钮,就会显示文本并提供新的直接URL)
答案 0 :(得分:2)
我假设你的意思是这样的:
$('#my-link').on('click', function() {
$('#my-div').load('/file_to_load.html');
$(this).attr('href', "new_url");
});
如果你能提供更多清晰度,我会改进我的答案!
这是如何运作的。
jQuery查找标识为#my-link
的dom元素,然后在单击时触发功能块。 jQUery $.load
会将该网址的内容加载到ID为my-div
的div中,然后更改$(this)
的href属性,&#34;此&#34;是&#34; new_url&#34;。