按下链接时如何连接 DOM 对象
Posted
技术标签:
【中文标题】按下链接时如何连接 DOM 对象【英文标题】：How to interface a DOM object when a link is pressed 【发布时间】：2020-01-01 15:32:26 【问题描述】：我在http://localhost:8000/index.html
当我按下一个链接时，我希望它转到 localhost:8006/someAddress 并选择 id='157579' 的元素并按下 id='1787' 的按钮，这将导致我的 html 下方的 iframe 显示一些东西不同。
我制作了一些伪代码，在某种程度上显示了我想要的东西，但是我很难将它转换成功能性的东西：
<body>
<script>
function Scenario1()
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function()
GoTo http://localhost:8006/SomeAddress
document.getElementById("157579").Select
Button("1787").Press
</script>
</body>
这可能吗，还是有替代方法？我知道我必须使用 AJAX 或 jQuery 或类似的东西来做一些事情，对吧？
【问题讨论】：
【参考方案1】：在您的 onload 触发时使用 jquery click 事件，如$('#157579').click();
let xhr = new XMLHttpRequest();
xhr.open('GET', '/article/xmlhttprequest/example/load');
xhr.send();
xhr.onload = function()
if (xhr.status != 200)
alert(`Error $xhr.status: $xhr.statusText`);
else
$('#157579').click();
;
xhr.onprogress = function(event)
if (event.lengthComputable)
alert(`Received $event.loaded of $event.total bytes`);
else
alert(`Received $event.loaded bytes`);
;
xhr.onerror = function()
alert("Request failed");
;【讨论】：
以上是关于按下链接时如何连接 DOM 对象的主要内容，如果未能解决你的问题，请参考以下文章