我希望有人能向我解释如何在我的网页上脚本按钮元素。
我是新的javascript和html。所以我希望我的问题是有意义的。
这个想法是将元素的内容更改为从服务器上的php文件获取的内容。
我使用php服务html5。我尝试了以下操作:
<a onclick="document.getElementByID("myID").innerHTML(src="_document_with_new_content.php")") class="myClass"></a>.
我的结果是我的元素上的样式丢失了,所需的元素不能加载到容器元素中。
我也没有从ajax获得成功:
<a onclick="document.getElementByID("myID").load(src="_document_with_new_content.php")></a>
我显然做错了,但是有人能帮我吗?
您可以使用Ajax完成此操作,但示例中的代码略有错误。
这样的怎么样?
<script>
$(function(){
$("a#some-identifier").on("click", function(e){
$( "#myID" ).load( "document_with_new_content.php" );
e.preventDefault();
});
});
</script>
jQuery示例和解释如下:
https://api.jquery.com/load/我有几件事要提:
-
javascript:
onclick="document.getElementById('myID')..."
,而不是onclick="document.getElementById("myID")..."
。 -
Javascript是大小写敏感的:所以
document.getElementByID('myID')
不能工作,但document.getElementById('myID')
可以。 -
innerHTML不是一个函数。
<a onclick="document.getElementById('myID').innerHTML = 'this will load'" class="myClass">click here</a> <div id="myID"></div>
-
加载外部文档并不是那么容易。如果您只是想学习一些javascript,那么我建议您退一步,从基础开始。但是如果你只是想快速构建一些东西,那么看看像JQuery这样的库,它很容易学习,并且使很多事情变得更容易。
希望对大家有用