通过JS动态设置网页中H1标签中的内容为title标题

通过JS动态设置网页中H1标签中的内容为title标题,第1张

我的需求是需要基于页面中的h1元素中包含的文本来更改页面的标题标签。

我一直在搜索,并且找到了Javascript函数“ documenttitle”。我一直在尝试,尝试从具有“ Category-H1”类的h1元素中提取文本。

但是,它只是将页面标题设置为“ [object HTMLCollection]”,据我所知这是一个空值。

正确来说[object HTMLCollection]不是空值-它是html元素集合的字符串表示形式,可以从中获取需要的值。

热心网友

应用开发中需要获取WebView当前页面的标题,可能通过对WebChromeClientonReceivedTitle()方法的重写来实现

代码如下:

public class MainActivity extends Activity {

public void onCreate(Bundle savedInstanceState) {

superonCreate(savedInstanceState);

setContentView(Rlayoutmain_layout);

final TextView txtTitle = (TextView) findViewById(RidtxtTitle);

final WebView webView = (WebView)findViewById(RidbtnWebView);

WebChromeClient wvcc = new WebChromeClient() {

@Override

public void onReceivedTitle(WebView view, String title) {

superonReceivedTitle(view, title);

txtTitlesetText("ReceivedTitle:" +title);

}

};

// 设置setWebChromeClient对象

webViewsetWebChromeClient(wvcc);

webViewloadUrl(">

str="你的字符串"

documentwrite(strmatch(/title=\"([^\"])\"/g)join(",")replace(/title=\"/g,"")replace(/\"/g,""))

match 这个返回的是一个符合正则的一个数组,

join(",") 一逗号 连成一句话

replace(/title=\"/g,"")replace(/\"/g,"") 是删除 [title="] 和 ["]

通过window对象来得到窗口相关的内外款高度信息,如下:

outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。

outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/滚动)。

innerheight 返回窗口的文档显示区的高度。

innerwidth 返回窗口的文档显示区的宽度。

在浏览器兼容方面:

所有主流浏览器都支持 outerWidth 和 outerHeight 属性。

注意:IE 8 及更早 IE 版本不支持该属性。

所有主流浏览器都支持 innerWidth 和 innerHeight 属性。

注意:IE 8 及更早 IE版本不支持这两个属性。

示例(我笔记本分辨率1366x768,浏览器全屏显示,测试):

documentwrite("outerWidth: " + windowouterWidth + " outerHeight: " + windowouterHeight); // 显示:outerWidth: 1366 outerHeight: 768

documentwrite("innerWidth: " + windowinnerWidth + " innerHeight: " + windowinnerHeight); // 显示:innerWidth: 1366 innerHeight: 705

JS应该是直接获取不到,可以获取前一页面的URL地址还是可以的documentreferer

不过可以用变通的方法来实现,每一个页面,把当前页面地址,页面标题目写入到cookie中,然后就可以从cookie中,读取前一页面的标题了。

以上就是关于通过JS动态设置网页中H1标签中的内容为title标题全部的内容,包括:通过JS动态设置网页中H1标签中的内容为title标题、如何获取WebView中页面的Title信息、javascript 正则表达式 从字符串取值。 取出title的值。(1,8,15,22,29)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9311436.html

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

发表评论

登录后才能评论

评论列表(0条)

保存