使用Javascript On Page Load在HTML页面中加载PHP页面

时间:2018-04-01 21:03:52

标签: javascript php html phonegap html-framework-7

我试图弄清楚当页面加载纯JavaScript时如何在HTML页面中加载PHP页面。没有什么花哨。只想将HTML页面用作虚拟。

更新1:

经过多次混淆后,我想更新我的问题。

我正在尝试使用Framework7将我的PHP网站移植到Web应用程序中。 F7是一个基于html和javascript的系统,并且不能很好地与PHP配合使用。不仅如此,我将使用phonegap来构建应用程序,它也不接受php。

现在我想知道如何在加载html页面时使用javascript / ajax在.html页面中加载.php页面。点击我按钮时不是。

基本上我使用.html文件作为虚拟文件只是为了加载我的php文件。

如果有人可以提出一种更简单的方法来解决这个问题,我会全力以赴。

3 个答案:

答案 0 :(得分:0)

也许您可以使用<iframe src="yourfile.php" name="targetframe" frameborder="0"> </iframe>执行此操作并修改css以显示它,但是您想要

答案 1 :(得分:0)

如果您想在加载页面后获取内容。比你应该发送一个AJAX请求。 喜欢(纯JavaScript):https://www.w3schools.com/xml/ajax_intro.asp

或使用jQuery: http://api.jquery.com/jquery.ajax/

$.ajax({
  url: "test.html"
}).done(function(e) {
  $( '.your-div').html(e);
});

在页面加载后,您可以将HTML / PHP加载到页面中。

答案 2 :(得分:0)

您可以使用javascript附加iframe:

<script type='text/javascript'>
window.onload = function() 
{
    var iframe = document.createElement('iframe');
    iframe.style.display = "none";
    iframe.src = 'the url goes here';
    document.body.appendChild(iframe);
};
</script>