关于JS中新增meta标签

最新推荐文章于 2022-04-13 13:41:32 发布
最新推荐文章于 2022-04-13 13:41:32 发布
阅读量465 收藏
点赞数
文章标签： gwt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaad/article/details/6924396
版权
    var objHead=document.getElementsByTagName('HEAD')[0];
    var objMeta=document.createElement('META');
    objMeta.setAttribute('http-equiv','content-type');
    objMeta.setAttribute('name','gwt:property');
    objMeta.setAttribute('content','locale='+languaeId);
    objHead.appendChild(objMeta);
xiaad
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript+Canvas实现自定义画板的示例代码
12-13
最近研究了HTML5一些新的元素属性，发现确实好用，特别是里面的Canvas这个新的标签元素。官方介绍：Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。以下使用JavaScript结合Canvas实现一个画板功能 效果演示图： 代码部分（直接复制便可使用） <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>JavaScript+Canvas实现自定义画板</title> </head> <body>
HTML5新增元素如何兼容旧浏览器有哪些方法
01-19
一个问题，老师抛给我们的，就是：如何让IE8-兼容这些标签？（需要设计JS中的DOM） 虽然今天刚讲的内容，但是，还是需要去了解下。 复制代码代码如下: <span xss=removed> <!doctype html> <html> <head> <meta charset=”UTF-8″> <title>HTML5新增元素在旧浏览器的兼容-HTML5自由者</title> </head> <body> <header>顶部区域</header> <nav>导航区域</nav> <article>文章区域</article> <foo
解读html5关于html5的应用与认识
12-25
HTML 5 特性 官方详细的文档是寻找 HTML5 特性的最好地方，当然你还可以轻松通过 W3Schools 来学习HTML5 标签。我们将会在文章中涉及到以下的特性： • 语义化标记 • Form 表单增强功能 • 视频 / 音频 • 画布（Canvas） • 可编辑内容 • 拖放 • 稳健的数据存储 检测浏览器支持 在你开始尝试 HTML5之前，需要知道各主流浏览器的支持状况。这些有用的资源，将可以帮助你向着正轨走： • 何时能用 • 网页设计师的浏览器支持列表 • HTML5 测试 • 布局引擎对比 你还可以运行 Javascript（用Javascript 检测浏览器特性）来检测 HTML5 特性的支持。你还应该用用Modernizr： 一个非常不错的检测 HTML5/CSS3 本地支持的 Javascript 库。如果你选择用 Mootools可以使用MooModernizr (MooTools port of Modernizr)。 你可能也会想留意不断变化的"浏览器市场份额分享" — 这些信息对于你决定用何种解决或折衷的方法将会是非常必要的。 值得注意的变更点 除了新的特征，你还应该记下这些重要的变更点： • 简洁的 DOCTYPE HTML5 只需一个简洁的文档类型：<!DOCTYPE html>。它有意不使用版本，因此文档将会适用所有版本的HTML。 • 简单易记的语言标签 你并不需要在 <html> 中使用 xmlns 或 xml:lang 标记。 <html lang="en"> 将对 HTML5 有效。 • 简单易记的编码类型 你现在可以在 meta 标签中使用 "charset"：<meta charset="utf-8″ /> • 不需要闭合标签 在 HTML5 中，空标签（如：br、img 和 input ）并不需要闭合标签。 • 废弃的标签 下面这些标签并不被 HTML5 支持： <acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u> 和 <xmp> 简单代码示例: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>HTML5 Document</title> </head> <body> </body> </html> 你可以使用HTML5 Validator 或 W3C Markup Validation Service 来测试你的 HTML5 文档。 语义化标记 HTML5 新增的一些新标签除了不仅仅是更具语义的 <div> 标签的替代品，并不提供额外的功能。这些都是新增的标签：<article>、<section>、<aside>、<hgroup>、<header>,<footer>、<nav>、<time>、<mark>、<figure> 和 <figcaption>。 这些标签被除了IE 外的所有现代浏览器（Firefox 3+、Safari 3.1+、Chrome 2+、and Opera 9.6+）支持。Javascript 提供了document.createElement(tagName) 的方法，让你可以用来创建新的 HTML5 标签。代替自己创建这些元素，你还可以用HTML5 Enabling Script 或 IE Print Protector — 这些脚本将帮助 IE 正常处理 HTML5 元素的渲染。 你可能会想到添加 CSS Reset 到这些新元素上。这里是一些可以用在你以 HTML5 为基础的项目的CSS Reset： • HTML5 Reset CSS • Reset5 简单代码示例: 兼容 IE 的 HTML5 页面布局 <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>HTML5 Semantic Markup Demo: Cross Browser</title> <link rel="stylesheet" href="html5reset.css" type="text/css" /> <link rel="stylesheet" href="html5semanticmarkup.css" type="text/css" /> <!--[if lt IE 9]> [removed][removed] <![endif]--> </head> <body> <header> <hgroup> <h1>Page Header</h1> <h2>Page Sub Heading</h2> </hgroup> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <article> <header> <h1>Article Heading</h1> <time datetime="2010-05-05" pubdate>May 5th, 2010</time> </header> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <section> <header> <h1>Section Heading</h1> </header> <p>Ut sapien enim, porttitor id feugiat non, ultrices non odio.</p> <footer> <p>Section Footer: Pellentesque volutpat, leo nec auctor euismod</p> </footer> </section> <section> <header> <h1>Section Heading</h1> </header> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <figure> <img src="item-1.png" alt="Club"> <img src="item-2.png" alt="Heart"> <img src="item-3.png" alt="Spade"> <img src="item-4.png" alt="Diamond"> <figcaption>FigCaption: Club, Heart, Spade and Diamond</figcaption> </figure> <p>Ut sapien enim, porttitor id feugiat non, ultrices non odio</p> <footer> <p>Section Footer: Pellentesque volutpat, leo nec auctor euismod est.</p> </footer> </section> <footer> Article Footer </footer> </article> <aside> <header> <h1>Siderbar Heading</h1> </header> <p>Ut sapien enim, porttitor id feugiat non, ultrices non odio.</p> </aside> <footer> Page Footer </footer> </body> </html> 注意：没有一个 div 标签，id 或 class 属性被使用到 — 简洁、小巧和更语义化的标记 (View Demo)。你仍可以用 HTML5 Validator 或 W3C Markup Validation Service 来检测你的 HTML5 文档。
js里面添加meta、ipad 视图
weixin_42080477的博客
07-29 890
js里面添加meta addMeta() { const oMeta = document.createElement('meta'); oMeta.name = 'viewport'; oMeta.content = 'width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, m...
js 动态设置meta
qq_42617840的博客
09-24 3280
$("body").css("background", "url(/Img/account/bgHuaAn.png) center no-repeat");
js动态添加meta标签
马优晨
01-13 8858
有时候我们需要动态添加meta标签和里面的内容，如何添加呢？ 举例： // 手动添加mate标签 const addMeta = (name, content) => { const meta = document.createElement('meta'); meta.content = content; meta.name = name; document.getElementsByTagName('head')[0].appendChi..
js div前插入html,科技常识：js动态添加html标签和属性_手动插入meta、script、div、img等标签...
weixin_42298093的博客
06-18 819
今天小编跟大家讲解下有关js动态添加html标签和属性_手动插入meta、script、div、img等标签 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关js动态添加html标签和属性_手动插入meta、script、div、img等标签 的相关资料，希望小伙伴们看了有所帮助。web网页是由 html标签一层层组成的 js也可以动态添加对应的标签 比如mate标签、script标签、...
修改html中meta标签,利用JS或JQuery修改网页title和meta标签的content内容
weixin_36161279的博客
06-05 2973
这篇文章主要为大家详细介绍了利用JS或JQuery修改网页title和meta标签的content内容，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。网页的title和meta标签、content内容是可以通过JQuery和JS来修改的，具体经常见到的就是不少朋友的网站被挂马或者劫持的时候，经常会是这样的情况，本文361模板将分别介绍它们的实现方法。网页met...
JS_js如河添加meta和title
小歪博客
04-25 1173
js如何添加title <title ></title> document.title = '首页'; js如何添加meta <meta name="keywords" content=""/> <meta name="description" content=""/> document.querySelector('meta[name="...
【校招VIP】前端专题：JS语言之meta标签相关
shuize123的博客
04-13 544
考点介绍： meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中。meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
【最新版】wechat_devtools_1.02.2004020.dmg【亲测可用】最好的微信开发者工具
07-16
A 新增 page meta 支持 详情 A 新增 支持小程序拓展包 详情 A 新增 清除订阅消息授权数据 U 优化 编辑器 U 优化 大型项目目录结构缓存优化 U 优化 <web> 组件页面的调试入口位置 F 修复 小游戏 wx....
帝国下载系统 v2.5 开源正式版 bulid 090416.rar
07-17
(4)、模板调用新增“灵动标签”支持直接在模板中输写标签模板，且标签模板支持各种程序代码，更灵活。 80、模板统一的SEO变量，方便制作模板及SEO。 81、全新的默认模板，更清爽。 82、提示信息采用页面形式，更...
动态设置meta标签
热门推荐
炯炯灯的博客
07-03 1万+
有时候在项目中打开别的网页，需要给网页设置meta，如缩放禁止等。这时候在index.html中设置失效需要额外设置。可以使用插件vue-meta：文档：https://github.com/declandewet/vue-meta#npm{ metaInfo: { meta: [ { charset: 'utf-8' }, { name: 'viewport'...
javascript 修改meta
ISaiSai的专栏
02-18 8169
var meta = document.getElementsByTagName('meta'); meta["XXX"].setAttribute('content',"abcdef");
【JS提升】移动端页面常用的meta标签
小管打天下的博客
07-31 750
一、移动端页面常用的meta标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- 渲染引擎兼容性设置 --> <!-- render --> <!-- 渲染引擎的渲染模式 --> <meta name="rend
js 手动插入meta标签和script标签
weixin_30687051的博客
08-07 998
// 插入 meta 标签 var oMeta = document.createElement('meta'); oMeta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=0'; ...
node-v9.6.0-x86.msi
最新发布
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
写一个echarts饼图增加标签动态数据的
06-07
// 新增一个数据项，并添加到饼图数据中 oldData.push({value: data, name: labelName}); // 更新饼图数据 myChart.setOption({ series: [{ data: oldData }] }); }, 2000); ``` 上述代码中，我们通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值