jQuery打开外部URL并操纵DOM

时间:2017-01-20 21:56:31

标签: javascript jquery html external

我正在尝试打开外部网址(在我们网络之外)并显示隐藏的div(用于视频播放)。

我的HTML代码:

<div id="myDiv">
    <input type="button" id="myButton" value="Watch Career Video"></input>
</div>

我的JS代码:

$(document).ready(function() {

     $("#myDiv").on('click', '#myButton', function() {

         //re-direct to career video url
         window.location.href = "https://www.mynextmove.org/profile/summary/13-2021.02";

        //show video div area ** THIS DOES NOT WORK ?? **
        $('#careervid-wrapper').show();

    });

});

具体来说,我怎样才能获得职业生涯包装&#39;显示?我需要使用AJAX吗?跨域策略解决方法?抛弃船?

screenshot of video button

  • 可以在新标签页或窗口中打开网址,这没关系。
  • 当我尝试使用AJAX时,我无法获得ajax的成功。

你可以在这里看到JSFiddle: https://jsfiddle.net/aussiejoe/njhsxmq7/

2 个答案:

答案 0 :(得分:1)

没有好办法在jQuery或普通的Javascript中处理这种东西! 我建议你为你的项目学习python,因为python有一些很好的模块来处理请求和解析html代码。

例如urllibrequestsBeautifulSoup,...

答案 1 :(得分:1)

  

弃船?

除非其他网站明确愿意合作:是的。

由于同源策略阻止您在任何新选项卡/窗口/框架中访问来自不同来源的内容,并且没有其他站点启用CORS,您也无法使用AJAX来获取内容。