如何用javascript获取页面所有文字

如何用javascript获取页面所有文字,第1张

windowtopbdocumentwrite(windowtopbdocumentdocumentElementinnerTextreplace(/\s/g,'<br>'));

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,填充问题基础代码。

2、在indexhtml中的<script>标签中,输入js代码:var id = $('div')attr('id');documentbodyinnerText = id;。

3、浏览器运行indexhtml页面,此时取到了div的id并成功打印出了。

通过url传参。

如果是HTML页面的话,JS传到新页面就输入windowlocationhref='ahtmlid=100'。然后ahtml页面的JS就<div id="s"></div>

<script>

documentgetElementById("s")innerHTML=windowlocationsplit('')[1];

</script>

如果是想要实现AJAX在a页面传参数到b页面,并且在a页面的层显示b页面执行参数的结果的话就用AJAX了。下面是JQUERY的。

<div id="a"></div>

$("#a")load("bhtmlid=100");

//或者

$get("bhtmlid=100",function(data){

$("#a")html(data);})

本地存储sessionStorage 或 localStorage,html5的话可以用 sessionStorage 或 localStorage,很容易的。sessionStorage 是会话存储,关闭浏览器就没了。localStorage 是持久化存储,完全可以替代cookie 存储空间更大。

实现方法:存:sessionStorage["par1"]="123"。取:sessionStorage["par1"] localStorage实现方法和sessionStorage一样。

1.有以下输入控件在HTML中,代码如下:<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2.可以使用js来获取id和答案varvalue=文档。getelementbyid(“productName”)。值。

3.接下来,我们将警告(value),看看是否得到了输入的值。我们可以看到,输入的值已经成功d出。

4.也可以使用文档。getElementsByName方法(name)。

5.如果您测试结果,您仍然可以看到“value”的值成功d出。

6.您还可以通过jquery获得输入的值,这需要引入jquery的js包并传递代码$("#id").val()。$("#productName").val()。

7.$("输入('name=名字']”).val();例如,上面的例子可以使用$("input['name=productName']").val()。

在网页加载完成时,通过js获取和添加点击的识别方式

- (void)webViewDidFinishLoad:(UIWebView )webView {

[IDProgressHUD IDPlaceViewHideDirect:selfview];

//这里是js,主要目的实现对url的获取

static NSString const jsGetImages =

@"function getImages(){\

var objs = documentgetElementsByTagName(\"img\");\

var imgScr = '';\

for(var i=0;i<objslength;i++){\

imgScr = imgScr + objs[i]src + '+';\

};\

return imgScr;\

};";

[webView stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法

NSString urlResurlt = [webView stringByEvaluatingJavaScriptFromString:@"getImages()"];

mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];

if (mUrlArraycount >= 2) {

[mUrlArray removeLastObject];

}

//urlResurlt 就是获取到得所有的url的拼接;mUrlArray就是所有Url的数组

//添加可点击js

[mWebView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\

var imgs=documentgetElementsByTagName('img');\

var length=imgslength;\

for(var i=0;i<length;i++){\

img=imgs[i];\

imgonclick=function(){\

windowlocationhref='image-preview:'+thissrc}\

}\

}"];

[mWebView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];

}

//在这个方法中捕获到的点击事件和被点击的url

- (BOOL)webView:(UIWebView )webView shouldStartLoadWithRequest:(NSURLRequest )request navigationType:(UIWebViewNavigationType)navigationType {

//预览

if ([requestURLscheme isEqualToString:@"image-preview"]) {

NSString path = [requestURLabsoluteString substringFromIndex:[@"image-preview:" length]];

path = [path stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];

//path 就是被点击的url

return NO;

}

return YES;

}

使用javascript函数获取你想要复制的那个表格所在父元素的innerHtml。但是把这些内容复制入邮件里面的话样式可能不会保持原来的样子,因为你复制的网页内容(表格)样式是由网站的CSS格式文件控制的,你用按钮复制只是复制了innerhtml,而不是格式。

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<title>recursion</title>

<style type="text/css">

</style>

<script type="text/javascript">

var array = [];

    onload = function ()

    {

    var tags = documentbodygetElementsByTagName ('');

    for ( var i = 0; i < tagslength; i++)

    {

    arraypush (getText (tags[i]));

    }

    consolelog (array);

    }

    

    var getText = function (dom)

    {

     var index = 0, html = dominnerHTML;

    while (domchildrenlength && index < domchildrenlength)

    {

     var chtml = domchildren[index]outerHTML;

html = dominnerHTMLreplace(chtml, '');

     index++;

    }

    return "<font>" + html + "</font>";

    }

</script>

</head>

<body>

<p>

ths is p<a href="">this is a</a>wyz

</p>

<i>this is i</i>

<b>this is b</b>

</body>

</html>

以上就是关于如何用javascript获取页面所有文字全部的内容,包括:如何用javascript获取页面所有文字、js如何获取div中的数据、JS如何从另一个网页获取数据内容进行处理等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9643330.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存