通过使用HTML5的拖放功能我们可以拖放HTML页面元素。在上一篇文章中,我们介绍了有关于可以拖放单个元素的代码。在接下来的这篇文章中,我们将来介绍关于允许拖放多个元素的代码。
2024年08月26日
通过使用HTML5的拖放功能我们可以拖放HTML页面元素。在上一篇文章中,我们介绍了有关于可以拖放单个元素的代码。在接下来的这篇文章中,我们将来介绍关于允许拖放多个元素的代码。
2024年08月26日
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多物体复杂动画</title>
<style type="text/css">
2024年08月26日
前面我们已经介绍了事件的概念,而响应某个事件的函数就叫做事件处理程序。事件处理程序的名字以 "on" 开头,因此 click 事件的处理程序就是 onclick ,load 事件的处理程序就是 onload。
某个元素支持的每种事件,都可以使用一个相应事件处理程序同名的 HTML 特性来指定。这个特性的值应该是能够执行的 JavaScript 代码。例如,要在按钮被单击时执行一些操作,可以像下面代码一样:
2024年08月26日
主要识别图片类型,然后进行转换;
function btoimg(buffer) {
var mime;
var a = new Uint8Array(buffer);
var nb = a.length;
if (nb < 4)
2024年08月26日
在 HTML 中,通过 JavaScript 来获取当前元素的高度通常使用以下属性:
var element = document.getElementById("yourElementId"); // 获取元素var height = element.offsetHeight; // 获取元素高度(包括padding、border,但不包括margin)
2024年08月26日
Vue 的创建比较简单,通过构造函数Vue就可以了,然后就是一个必选项el.
这个el可以是个html 元素,也可以是CSS 的选择器:
<script>
var first=new Vue({
el : document.getElementById('v1') //html
2024年08月26日
window.onload:页面加载完毕后触发的事件,页面需要加载的内容主要包括文本,图片,视频,js,css;元素的onload事件是元素自己加载完毕时触发而body的onload是页面内容全部加载完成后触发,这里主要说下body的加载事件
2024年08月26日
DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API。DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。
DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记。每个节点都拥有各自的特点、数据和方法,另外也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。以下面的 HTML 为例:
2024年08月26日
前言
相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩,碰到这种情况,就只能自己总结一篇博客,作为记录。
正文
1. 什么是跨域?
跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围不止那么狭隘。具体概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域。之所以会产生跨域这个问题呢,其实也很容易想明白,要是随便引用外部文件,不同标签下的页面引用类似的彼此的文件,浏览器很容易懵逼的,安全也得不到保障了就。什么事,都是安全第一嘛。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象(iframe之间)。下面是具体的跨域情况详解:
2024年08月26日
如果您觉得该文章对您有帮助,让更多人受用,请关注“键盘码农”,转发该文章。谢谢您的支持!
今天跟大家写了一份js的联动全选的源码,代码少,清晰易懂。
效果是这样的:
点击全选下面的就会被全部全选,或者下面的被一一选择,全选按钮也会被选中。运用复选框来实现的联动全选的功能。