我想在页面加载所有元素之后触发一个JavaScript函数,并且我必须将一些HTTP请求数据回显到页面的某个地方,并使用JavaScript从DOM获取信息。
因此,我创建了这个函数,并在页面加载时使用jQuery激发它,但是它没有调用javascript(我认为DOM还没有加载),那么如何修复这个问题呢?
<script>
$( document ).ready(function(){
myFunction(); // firing the function
});
</script>
<script>
function myFunction(){
var target = document.getElementById("target");
var formscount = target.textContent(); // the number of items from [#target]
alert(target);
if (formscount > 0) {
active="";
for (i=0; i < formscount; i++) {
var str='active'
if (i > 0){
str = ''
}
$('#DOM').append($('SOME HTML ELEMENTS');
event.preventDefault()
}
}
}
</script>
DOM调用(目标)来传递数据($_post['itemsCount']
):
<?
$count = $_POST['itemscount'];
?>
<div id="target" style="display:none;">
<? $output = $_POST['productscount']; // or $Count //
echo htmlspecialchars($output);
?>
</div>
首先,textContent不是一个函数。 所以应该这样写:
var formscount = target.textContent;
第二件事,$('#dom').append($('Some HTML Elements');
行中缺少右括号)
$('#DOM').append($('SOME HTML ELEMENTS'));
第三件事,event.PreventDefault()
将无法工作,因为事件未定义。 您可以将其移除。
最后,php标记以开头,而不仅仅是以
开头。
<?php
$count = $_POST['itemscount'];
?>
<div id="target" style="display:none;">
<?php
$output = $_POST['productscount']; // or $Count //
echo htmlspecialchars($output);
?>
</div>