1. 程式人生 > >html5 新標籤支援js寫法

html5 新標籤支援js寫法

先上程式碼  用js建立新的標籤元素,使ie支援html5新標籤

<script type="text/javascript">
<!--
   (function() {
     if (!
     /*@[email protected]*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     }
})()
   -->
</script>
通過Jscript中@cc_on 語句識別IE瀏覽器及版本的程式碼
if(!/*@[email protected]*/0)    IE11一下執行此程式碼

If your browser doesn't know conditional compilation (other than IE < 11), the expression will be:

if(!0)// ==> TRUE

otherwise it will be:

if(!!0)// ==> FALSE

/*@cc_on @*//*@
    document.write("JavaScript version: " + @_jscript_version + ".");
    document.write("<br />");
    @if (@_win32)
        document.write("Running on the 32-bit version of Windows.");
    @elif (@_win16)
        document.write("Running on the 16-bit version of Windows.");
    @else
        document.write("Running on a different operating system.");
    @end
@*/

原文地址https://stackoverflow.com/questions/24473882/what-does-this-comment-cc-on-0-do-inside-an-if-statement-in-javascript

檢測瀏覽器是不是ie的方法

var isIE = !!document.all && document.uniqueID;

var isIE = navigator.userAgent.indexOf("MSIE") > -1;

//from MooTools 1.1.2
if (window.ActiveXObject) window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true;
else if (document.childNodes && !document.all && !navigator.taintEnabled) window.webkit = window[window.xpath ? 'webkit420' : 'webkit419'] = true;
else if (document.getBoxObjectFor != null || window.mozInnerScreenX != null) window.gecko = true;

相關推薦

html5 標籤支援js寫法

先上程式碼  用js建立新的標籤元素,使ie支援html5新標籤 <script type="text/javascript"> <!-- (function() { if (! /*@[email protected

HTML5 audio標籤使用js進行播放控制例項

<audio>標籤可以在HTML5瀏覽器中播放音訊檔案。 <audio>預設提供一個控制面板,但是有些時候我們只需要播放聲音,控制面板由我們自己來定義其顯示的狀態。 這裡我們可以使用JS來進行控制,程式碼如下: 程式碼如下: va

HTML5標籤video的相容問題。

在PC網站上放個視訊,是經常會遇到的問題,我們都知道有個video標籤,特別好用 <video src="aa.mp4" controls="controls" autoplay width="320" height="240" > your browser does not support

HTML5學習筆記(一)HTML5標籤屬性

一、HTML5簡介 2014年10月29日,HTML5標準規範制定完成,並公開發布。 二、HTML5頁面結構 HTML5提供了新的語義元素來明確一個Web頁面的不同部分。 <header>:定義文件的頭部區域。 <nav>:定義導航連結的部分。 <

HTML5標籤

文章目錄 字元設定 常用新標籤 新增的input type屬性值: 常用新屬性 多媒體標籤 多媒體 embed 多媒體 audio 多媒體 video

相容IE8及以下不識別HTML5標籤和css3 media query的方法

<!--[if lt IE 9]>   <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>    <script src="http://cd

HTML5標籤與css3選擇器

一.HTML5標籤 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>h5新標籤</titl

H5標籤 定義圖文並茂的html5標籤-figure、figcaption

本來想分兩篇文章來解釋說明figure、figcaption的,但是這倆個標籤都是定義圖文的,所以我們合起來講解,大家更能容易接受。 大家在寫xhtml、html中常常用到一種圖片列表,圖片+標題或者圖片+標題+簡單描述。以前的常規寫法: <li> <im

關於html5標籤video在老ie上的相容性

如果瀏覽器不支援 video ,將會把 video 中的提示內容顯示出來,主要思想就是用flash版本的視訊,替換掉video標籤的內容 <video width="400" height="2

面試總結(2):H5標籤的相容寫法

前段時間面試。。被問到了H5新標籤的相容寫法。。一臉懵逼。。現在做個筆記。。避免下次被問到同樣的問題!! 方法一: 自己建立標籤。。把H5新標籤創建出來。 <!DOCTYPE html&

HTML5標籤video在iOS上預設全屏播放

今天做一個app時發現一個問題,應用html5中的video標籤載入視訊,在android手機上預設播放大小,但是換成iPhone手機上出問題了,預設彈出全屏播放,查找了好多論壇,都沒有談論這個的。然後幾經波折終於找到其解決的方法了,在video標籤下的source中加入

HTML5標籤及用法

感謝:來自 知乎,指令碼之家,簡書:GarenWang ,大前端 的文章。 語義化的好處 去掉樣式能讓頁面結構呈現清晰。普通人容易讀 螢幕閱讀器會按標記“讀”你的網頁。螢幕容易讀

HTML5 標籤section使用

<!doctype html> <html> <head> <meta charset="UTF-8"> <!--使用HTML5新增元素section--><style type="text/css"&g

HTML5 標籤

1.1 HTML 5 新元素 Header - 可表示介紹內容的容器,或者一組導航連結。 Nav - 標籤的內容主要用於導航。 Article - 標識頁面中的主體內容。以部落格為例,每個帖子都是一個重要內容,可採用 Article 標識每一個帖子。 Sec

HTML5標籤構建頁面

HTML5新標籤與傳統DIV標籤頁面佈局區別 在之前的HTML頁面中,大家基本上都是用了Div+CSS的佈局方式。而搜尋引擎去抓取頁面的內容的時候,它只能猜測你的某個Div內的內容是文章內容容器,或者是導航模組的容器,或者是作者介紹的容器等等。也就是說整個HT

html5結構標籤

html5新結構標籤 <header>   定義 section 或 page 的頁首,也就是定義頭部的標籤。 <footer>   定義 section 或 page 的頁尾。 <article>   定義文章。 <aside>   定義頁面

HTML5中Vedio標籤支援的視訊格式

1、目前,<video> 元素支援三種視訊格式:MP4、WebM、Ogg。但這三種格式對於瀏覽器的相容性卻各不同。 MP4 = MPEG 4檔案使用 H264 視訊編解碼器和AAC音訊編解碼器 WebM = WebM 檔案使用 VP8 視訊編解碼器和 Vorb

HTML5定義標籤

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>

h5標籤相容寫法

語義化! HTML5中新加入了更加具有語義的標籤,比如 header, section, footer, figure等。為什麼要進行語義化?最重要的可能還是為搜尋引擎優化,讓爬蟲能更好地理解網頁結構。前端工程師需要做的就是選擇適合的標籤,將內容轉換成瀏覽器認識的語言。

vue.js支援js原生寫法

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title></title>     <meta n