使用JQuery或JS修改网页title和meta标签的content内容 |
您所在的位置:网站首页 › js动态修改title › 使用JQuery或JS修改网页title和meta标签的content内容 |
网页title和meta标签的content内容是可以通过JQuery和JS来修改的,本文将分别介绍它们的实现方法。 网页meta标签 修改meta标签的content内容例如网页的meta标签原来是这样写的: 那么我们可以用JQuery或JS来修改meta标签的content内容。 JQuery实现代码如下:$('meta[property="og:description"]').attr('content',"***" ); 或: $("meta[property='og:description']").attr('content', "***"); 知识延伸: "property=" 在 Chrome 中无效? 有网友提示,meta里 "property=" 在 Chrome 中无效,需要这样写才正确: $("meta[name='og:description']").attr('content', "***"); 即是把 "property=" 改为 "name=" 。 JS实现代码如下:var metaList = document.getElementsByTagName("meta");for (var i = 0; i < metaList.length; i++) { if (metaList[i].getAttribute("property") == "fb:app_id") { metaList[i].content = "somenewcontent"; }} JS修改网页title无需jQuery就能修改title,代码如下: document.title = "123"; 点击按钮动态改变,代码如下: $("#myBtn").click(function(){ document.title = "123";}); myBtn为按钮的id。 如果只有一个按钮(或点击任意一个按钮时触发事件),代码也可以这样写: $("button").click(function(){ document.title = "123";}); jQuery修改网页title当然,我们也可以用jQuery来实现,代码如下: $('title').html("123");
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |