您的当前位置:首页 > 建站学院 > 前端开发 > 
  • HTML 标签,搜索引擎

    前端开发2025年06月13日

    关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。 PS:便于搜索引擎机...

  • 在线HTML编辑器原理

    前端开发2025年06月13日

    为什么能实现在线编辑呢? 首先需要ie 的支持,在 ie 5.5以后就有一个编辑状态,就是利用这个编辑状态,然后用javascript 来控制在线编辑的。下面给出一个简短的例子: 首先要有一个编辑框,这个编辑框其实就是一个 可编辑状态的 网页,我们这里用iframe 来建立编辑框 <IFRAME id=HtmlEdit style=&quot...

  • 在线HTML编辑器原理2

    前端开发2025年06月13日

    在线编辑器在我们日常的项目开发中非常有用(如新闻系统),它可以方便地实现文章的在线编辑,省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢? 首先需要IE的支持,在IE5.5以后就有一个编辑状态. 就是利用这个编辑状态,然后用javascript来控制在线编辑的。 首先要有一个编辑框,这个编辑框其实就是一个可编辑状态的网页, 我们用ifr...

  • JQuery操作HTML文档

    前端开发2025年06月11日

    一、JQuery选择元素 1.$("p").click(function(){$(this).hide();} 点击HTML页面的任何p元素都会隐藏该p元素 2.$("#test").hide() 隐藏id=test的元素 3.$(".test").hide() 隐藏class=test的元素 总...

  • html body标签的几个属性 禁用鼠标右键,禁用鼠标选中文字等

    前端开发2025年06月11日

    在body中用最简单的方法实现禁止鼠标右键,选中,拖动等 <body oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='docum...

  • HTML页面预览表格文件内容

    前端开发2025年06月09日

    背景简介 在将一个表格文件上传到服务器上之前,JS读取表格文件并将文件内容输出到页面中 vue项目 第三方 exceljs 安装 npm install exceljs 插件使用 github 中文文档地址 element ui 文件选择 el-upload 数据展示 el-table 代码以及说明 import Excel from 'exceljs';...

  • html - 多次点击选中页面文字出现蓝色背景的解决方法

    前端开发2025年06月09日

    body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ user-select: none;/*选中文字时避免出现蓝色背景*/ } ...

  • jquery动态生成html代码绑定事件

    前端开发2025年06月09日

    今天工作中需要在页面动态生成html代码,但发现新生成的代码的click事件失效了(非动态生成的代码已经绑定了click事件),于是在网上找了很多解决办法,很多都比较复杂,且使用的jquery都比较老,于是结合网上加上自己的测试,找到了一种解决方法。 我使用的jquery是1.9.11,jquery1.7之后就将live方法废弃了,新增了on和off方法,...

  • HTML——锚点

    前端开发2025年06月09日

    需求:在页面中设置一个超链接,当点击这个超链接时,当前页指定的位置会直接划到页首。 实现:采用锚点实现。 案例代码: <p><a href="#test1">点击这里跳转到锚点test1</a></p> <p><a href="#test2">点击这里跳转到锚点test2</a&...

  • html5实现摇一摇功能

    前端开发2025年06月08日

    原理:使用DeviceMotion实现,关于DeviceMotion介绍可以查看 https://developer.mozilla.org/en-US/docs/Web/Reference/Events/devicemotion 通过DeviceMotionEvent,可以获得accelerationIncludingGravity的x,y,z属性,根据...