来自 奥门威尼斯网址 2019-12-23 06:48 的文章
当前位置: 威尼斯国际官方网站 > 奥门威尼斯网址 > 正文

好用功能总结

1.表格元素

   a.<caption>设置表格标题

  b.<colgroup> 、 <col> 设置列   //style span

2.分组成分

  a.<blockquote>给大段内容丰富换行和前后缩进(会有七个异域距)

  b.<pre>会将编辑器制版体现出来(日常用来浮现代码,代码在内部不会进行)

  c.<figure>用于图片(<figcaption>是他的题目)

3.语义化标签

  a.<header>表示首部

  b.<footer>表示尾部

  c.<hgroup>对h1-h6张开分组

  d.<section>对标题进行分组

  e.<nav>贮存导航

  f.<article>寄放文章

  g.<aside>能够做文章侧栏,h1-h6被加粗,其余标签以此彰显

  h.<adress>寄存联系音讯

4.音频录像

  video音频  audio摄像  //不相信任插件,播放音频录像

5.js加载

  async  异步加载js(页面继续解析,脚本实践卡塔尔(قطر‎

2 <script src="js1.js" async="async"></script>

 

6.不重复加载页面包车型大巴历史管理

   history.back(卡塔尔国;        //再次回到上少年老成页面

  history.forward(卡塔尔(قطر‎;      //移动到下豆蔻年华页面

  history.go(-2卡塔尔;        //接纳一个莫西干发型作为参数,移动到该整数钦定的页面,没有不再次回到值

 

  history.go(0卡塔尔(قطر‎      也就是刷新当前页面。

  history.pushState(卡塔尔(قطر‎方法选用多个参数,依次为:

 

    state:一个与钦定网址相关的事态对象,popstate事件触发时,该指标会传来回调函数。即使无需那几个指标,此处能够填null。

 

    title:新页面包车型地铁标题,可是具有浏览器近日都忽视那一个值,因而这里能够填 " "。

 

    url:新的网站,必得与日前页面处在同贰个域。浏览器之处栏将显得那几个网站

  ps:不检查新网站是不是存在,但地址栏会显示,且参加历史栈

  popstate事件:同一个文书档案的浏览历史(即history对象)现身转移时,就能够触发popstate事件。

         仅仅调用pushState方法或replaceState方法 ,并不会触发该事件,独有顾客点击浏览器倒退开关和发展开关,

         恐怕使用JavaScript调  用back、forward、go方法时才会触发。

         其余,该事件只针对同二个文书档案,假如浏览历史的切换,招致加载不一样的文书档案,该事件也不会接触。

7.canvas画布和SVG

  可用于小应用,制作出超炫的成效

8.html5 web存储

  cookie存储量小,速度慢,效用低

  localStorage - 没不经常间范围的数量存款和储蓄

  sessionStorage - 针对一个 session 的数码存款和储蓄

9.web workers

  后台运维的js,不会影响dom

10.到手地理地方

 1 <p id="demo">点击这个按钮,获得您的坐标:</p>
 2 <button onclick="getLocation()">试一下</button>
 3 <script>
 4     var x = document.getElementById("demo");
 5     function getLocation() {
 6         if (navigator.geolocation) {
 7             navigator.geolocation.getCurrentPosition(showPosition);
 8         }
 9         else {
10             x.innerHTML = "Geolocation is not supported by this browser.";
11         }
12     }
13     function showPosition(position) {
14         x.innerHTML = "Latitude: " + position.coords.latitude +
15             "<br />Longitude: " + position.coords.longitude;
16     }
17 </script>

本文由威尼斯国际官方网站发布于奥门威尼斯网址,转载请注明出处:好用功能总结

关键词: