发布时间：2018-11-23编辑：佚名阅读（3735）
例如网页的meta标签原来是这样写的：
1 2 3 4 5 6 7 | <meta property="fb:app_id" content="*************" /><meta property="og:url" content="" /><meta property="og:site_name" content="" /><meta property="og:type" content="" /><meta property="og:image" content="" /><meta property="og:title" content="" /><meta property="og:description" content="" /> |
那么我们可以用JQuery或JS来修改meta标签的content内容。
JQuery实现代码如下：
1 | $('meta[property="og:description"]').attr('content',"***" ); |
或：
1 | $("meta[property='og:description']").attr('content', "***"); |
知识延伸： "property=" 在 Chrome 中无效？
有网友提示，meta里 "property=" 在 Chrome 中无效，需要这样写才正确：
1 | $("meta[name='og:description']").attr('content', "***"); |
即是把 "property=" 改为 "name=" 。
JS实现代码如下：
1 2 3 4 5 6 | 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"; }} |
无需jQuery就能修改title，代码如下：
1 | document.title = "123"; |
点击按钮动态改变，代码如下：
1 2 3 | $("#myBtn").click(function(){ document.title = "123";}); |
myBtn为按钮的id。
如果只有一个按钮（或点击任意一个按钮时触发事件），代码也可以这样写：
1 2 3 | $("button").click(function(){ document.title = "123";}); |
当然，我们也可以用jQuery来实现，代码如下：
1 | $('title').html("123"); |
关键字： JQuery JS 修改 网页 title meta 标签 content 内容
上一篇：Nodejs使用async模块
下一篇：443被system占用
1人
0人
0人
0人
