将HTML页面元素值读入Chrome扩展程序

时间:2016-09-12 10:28:02

标签: javascript jquery google-chrome google-chrome-extension

我在http://intranet/有一个名为Page1.html的页面,内容为:

<div id="username">my.username</div>

我想使用jQuery将此值读入我的Chrome扩展程序。

目前,我的Chrome扩展程序document.getElementById("username").value="mcgurk"中有硬编码文字script.js,但我更愿意抓取username元素中的值。

可能有用:

我对Javascript不太满意,但我确实按照本教程进行了一些操作:http://www.dynamicdrive.com/forums/showthread.php?67448-document-getElementById-from-another-page建议使用以下代码:

<script type="text/javascript">
jQuery(function($){
    $('#result').load('Page2.html #intro');
});
</script>

他们的示例效果很好,但我想将上述内容构建到Chrome扩展程序中。

任何人都可以为此问题提供帮助吗?

2 个答案:

答案 0 :(得分:1)

$.ajax({
    url: 'https://intranet/index.php',
    success: function(html) {
        var nodes = $.parseHTML(html);
        var username = $("<div>").append(nodes).find("#username").text();
        $('#username').val(username);
    }
});

答案 1 :(得分:1)

$('#username').load('http://intranet/index.php',function() {
alert( "username was loaded successfully." );
});

尝试使用jquery中的load函数获取值