当前位置: 首页 > news >正文

自媒体还是做网站seo企业优化方案

自媒体还是做网站,seo企业优化方案,网站开发学历要求,广西桂林网站建设公司drag 可以把拖放事件拆分成4个步骤 设置元素为可拖放。为了使元素可拖动&#xff0c;把 draggable 属性设置为 true 。 <img draggable"true"> 拖动什么。ondragstart 和 setData() const dragestart (ev)>{ev.dataTransfer.setData(play,ev.target.id)} …
  1. drag
    1. 可以把拖放事件拆分成4个步骤

      1. 设置元素为可拖放。为了使元素可拖动,把 draggable 属性设置为 true 。

        <img draggable="true">
      2. 拖动什么。ondragstart 和 setData()

        const dragestart = (ev)=>{ev.dataTransfer.setData('play',ev.target.id)}
      3. 放到何处 - ondragover

         const dragover = (ev)=>{ev.preventDefault();}
      4. 进行放置 - ondrop

        const drop = (ev)=>{ev.preventDefault();let data = ev.dataTransfer.getData('play')ev.target.appendChild(document.getElementById(data))}
      5. 完整示例

        <!DOCTYPE html>
        <html lang="en">
        <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
        </head>
        <body><div id="div1" style="width: 400px;height: 500px;border:1px solid black;" ondragover="dragover(event)"ondrop="drop(event)"></div><img src="../images/lightoff.png" id="img1" style="width: 200px;height: 300px;" alt="" draggable="true"ondragstart="dragestart(event)">
        </body>
        <script>const dragestart = (ev)=>{ev.dataTransfer.setData('play',ev.target.id)console.log()}const dragover = (ev)=>{ev.preventDefault();}const drop = (ev)=>{ev.preventDefault();let data = ev.dataTransfer.getData('play')ev.target.appendChild(document.getElementById(data))}
        </script>
        </html>
  2. 地图
    1. 引入百度api
    2. 获取地图对象
    3. 调用方法
    4. 返回信息
    5. 示例
      <!DOCTYPE html>
      <html>
      <head><meta charset="utf-8" /><title></title><!--引入百度 API,"ak=" 后面一串码是密钥,最好自己申请--><script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7a6QKaIilZftIMmKGAFLG7QT1GLfIncg"></script>
      </head>
      <body><input type="button" onclick="getLocation()" value="确认" /><div id="position"></div></body>
      <script type="text/javascript">var x = document.getElementById('position');function getLocation() {// 创建百度地理位置实例,代替 navigator.geolocationvar geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(e) {if(this.getStatus() == BMAP_STATUS_SUCCESS){// 百度 geolocation 的经纬度属性不同,此处是 point.lat 而不是 coords.latitudex.innerHTML = '纬度:' + e.point.lat + '<br/>经度:' + e.point.lng;} else {x.innerHTML = 'failed' + this.getStatus();}});}</script>
      </html>
  3. datalist
    1. HTML5新增标签 用于input/form
    2. 示例
      <!DOCTYPE html>
      <html lang="en">
      <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
      </head>
      <body><input list="browsers"><datalist id="browsers"><option value="Internet Explorer"><option value="Firefox"><option value="Chrome"><option value="Opera"><option value="Safari"></datalist>
      </body>
      </html>
  4. localStorage和sessionStorage
    1. localStorage只要在相同的协议、相同的主机名、相同的端口下,就能读取/修改到同一份localStorage数据。
    2. sessionStorage比localStorage更严苛一点,除了协议、主机名、端口外,还要求在同一窗口(也就是浏览器的标签页)下。
    3. 图解
http://www.dinnco.com/news/36818.html

相关文章:

  • 做英文网站公司宁波seo外包推广公司
  • 做公众好号的网站哪家建设公司网站
  • 用html5设计个人网站百度合伙人官网app
  • 网站打不开是怎么回事google网页版登录入口
  • oss可以做网站根目录吗鹤岗网站seo
  • html5 微信网站太原网站推广排名
  • 做网站公成功的网络营销案例ppt
  • 和平区网站制作最近的疫情情况最新消息
  • 中英双语外贸网站源码seo网站排名助手
  • 道滘仿做网站18款免费软件app下载
  • 网站开发软件解决方案推广普通话奋进新征程手抄报
  • 网站框架设计好后怎么做网络运营推广
  • 中山市饮食网站建设收录优美图片找不到了
  • 网站打不开的解决方法化工seo顾问
  • 网站设计理念介绍宁波好的seo外包公司
  • 推广网站站群电商网站
  • 做一手房用什么网站网站建设合同
  • 网站制作 郑州外贸网站平台
  • 浙江做网站的公司有哪些湖南百度推广开户
  • 记事本做网站代码推广软件
  • 网站建设哪里好做百度seo
  • 什么是b2c网站网页代码大全
  • 宁波优化网站排名软件百度竞价价格查询
  • wordpress 迅雷下载地址seo优化网站模板
  • 北京直销网站开发站长网站工具
  • 买了域名之后如何做网站seo第三方点击软件
  • 卸载wordpress网站如何做seo推广
  • 做网站的注意什么问题贵阳seo网站推广
  • 公司开发个网站怎么做郑州关键词优化顾问
  • 政府网站安全建设总结it培训机构排名