首先,我知道这个问题听起来可能相当复杂,但我希望没有那么复杂。
我的目标如下:
我有一个页面mypage.php,我有一个按钮(其 ID 是button,它只是一个使用 css 样式绘制的 div)。当我单击此按钮时,我想:
1)加载外部网站的内容
2) 网站完全加载后:
- a)用一些内容填充此页面中的文本字段(例如,假设此页面有一个id为my_field的输入字段,我希望此文本字段包含文本mytext)
- b)在按钮(使用 css 样式绘制的 div )上触发“click”(或“mousedown”)事件。假设这个按钮的 id 是:external_button
- c)最后:重新加载外部网站“作为独立”。我的意思是:当我点击指向该网站 url 的链接时,我希望 mypage.php “消失”并“移动”到另一个网站。
请注意,最后一点对我来说是可选的的:唯一重要的是用户将能够使用加载的网站,因为他们将其地址写入浏览器的 url 地址栏
mypage.PHP的结构:
<html>
<body>
<div class="mybutton" id="mybutton"> </div> <br/>
<div id="content"></div>
</body>
</html>
外部网站结构:
<html>
<head> <!-- SOMETHING..including styles,javascript,title,metatags etc. --> </head>
<body>
<input type="text" id="my_field" value="" /><br/>
<div class="external_button" id="external_button"> </div>
</body>
</html>
我在网上搜索并找到了这个可能的解决方案(但我不知道如何“组合”或使用它们):1)使用uframe加载外部网站。首先,我不明白我是否可以使用PHP或只是 ASPX。然后我不明白它是如何工作的。
a+b) 填写文本字段并触发事件:使用jquery。我尝试使用 Chrome 开发工具(直接在浏览器中加载网站),但显然它不起作用。
$("#external_button").trigger("mousedown")
c)我想这可以使用header php 函数(或使用javascript:reload)来完成
任何建议都非常感谢。先感谢您。