Javascript:从网页上获取文字,进行更改,然后再次显示网页

时间:2015-01-26 23:39:50

标签: javascript html

我对javascript很新。我打算做一个网页,将其他网页上的文字更改为有趣的内容。这就像谷歌翻译页面。页面本身看起来一样,只有所有文本都改为其他内容。 因此,在我的页面中,用户将输入他想要更改文本的页面的URL,然后我的脚本必须解析它,更改一些单词并再次显示它。 所以问题在于:

  • 什么JavaScript库可以解析html文档。
  • 我会更改它,但是如何再次显示更改的网页? 有什么有用的功能吗?

2 个答案:

答案 0 :(得分:1)

意义不大,真实,但感觉一点......

如果你想要特定的话,这对我来说是一个很大的问题,当我试图从ebay网站或API中检索xml文件时。

事情是有几种方法我会在下面列出,但很少有人能正常工作,似乎没有人给出一个直接的答案!


的XMLHttpRequest()

url='http://someURL.com';
xhr=new XMLHttpRequest();
xhr.open('GET',url,false);
xhr.send();
response=xhr.responseText;

脚本元素

<script src="someURL"></script>

但是你需要检索我仍在工作的数据......


iFrame元素

<iframe src="someURL"></iframe>

尚未尝试过,但在检索标记方面存在同样的问题。


aJax.get()

req=$.ajax({
    type        : 'GET',
    url         : 'someURL',
    dataType    : 'jsonp',
    jsonp       : 'callbackname',
    success:
        function(response,status,request){},
    error:
        function(request,status,error){},
    complete:
        function(request,status){}
})

全部有其局限性,但脚本标记似乎具有无限的潜力,假设您可以从元素中检索数据!

答案 1 :(得分:1)

如果您仍在寻找解决方案,请查看UFrame

原因   - UFrame将UpdatePanel和IFRAME的优点结合在一个跨浏览器和跨平台的解决方案中。它允许DIV的行为类似于IFRAME从静态或动态的任何页面加载内容。它可以加载具有内联和外部JavaScript和CSS的页面,就像IFRAME一样。但与IFRAME不同,它会加载主文档中的内容,您可以在页面上放置任意数量的UFrame,而不会降低浏览器的速度。它很好地支持ASP.NET回发,你可以在UFrame中拥有DataGrid或任何其他复杂的ASP.NET控件。 UFrame与ASP.NET MVC完美配合,使其成为UpdatePanel的替代品。最重要的是,UFrame在JavaScript中100%实现,使其成为跨平台解决方案。因此,您可以在ASP.NET,PHP,JSP或任何其他平台上使用UFrame。

此处&{39}和Example

关于示例 - 请注意,每个Uframe基本上都像网页中的迷你浏览器。这意味着您可以使用基本的javascript调整文本,或者几乎任何您喜欢的方式调整文本。

您可以像这样定位和更改一段文字:

$(document).ready( function() {
    $('#IDofElementToChangeHere').value('This is new text will now be displayed!');
});

希望有所帮助。 :)