js & document.designMode

js & document.designMode js 一键开启页面编辑模式 var mode = document.designMode; document.designMode = value; https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode document.designMode document.designMode; // "off" document.designMode =…

js & document.execCommand

js & document.execCommand click copy document.execCommand 已废弃过时的此功能已过时.尽管它可能在某些浏览器中仍然可以使用,但不建议使用它,因为可以随时将其删除.尽量避免使用它. document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) backColor delete https://developer.mozilla.org/en-US/docs/Web/A…

JS document 获取 html对象的问题

在了解document.getElementById()方法的时候,没有留意到被获取的对象的声明时的位置, 一个很基础很细节的问题. 比如说这个js的引入位置: -----------------a.js--------------------------------------------- var d=new Date(); var str; str=d.getTime(); str3=d.getFullYear() +"年"; document.write(str3); doc…

JS ——document、“或”、event（事件对象）

1.document <document>是所以HTML的最高节点,比<html>的等级还要高. <document>的第一个子节点是“!”——document.childNodes[0]等于"!" <document>的第二个子节点是“HTML”——document.childNodes[1]等于"HTML" 由上可以看出,<document>是整个网页,是<HTML>的父节点. 2.js中的…

JS document.execCommand实现复制功能（带你出坑）

最近项目中需要实现功能:点击button,复制input框的值: 我使用的是 document.execCommand('copy')的方法: 但是很郁闷的是,始终实现不了功能:代码如下 HTML代码 (v-model是vue框架中的双向数据绑定,不懂的请移步vue文档) <input id='input_url' v-model='product_url' disabled type="text"> JS代码 var input = $('#input_url'); in…

js document.load 和 document.ready 区别

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件) 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 用jQ的人很多人都是这么开始写脚本的: $(function(){ // do something }); 其实这个就是jq ready()的简写,他等价于: $(document).ready(function(){ //do somethin…

php 页面公共部分转化为js document.write(); 并由匿名函数包裹

页面公共部分以javascript document.write()方式加载生成的js放到需要的位置 footer.js 放到body底部引入 ... <script src="js/footer.js"></script> </body> -------------------------------------- php.exe所在文件夹添加到path环境变量, 在命令行输入 php footer.html -------------…

js document.createElement()的用法 (转)

document.createElement()的用法分析代码时,发现自己的盲点--document.createElement(),冲浪一番,总结了点经验. document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点. 下面,举例说明document.cre…

Js document.frmLogin.action = '/login.htm';的意义和form表单的target属性

一.解答:就是把这个id名为frmLogin的form的提交地址改为上面的/login.htm <form id="frmLogin" name="frmLogin" method="post" target="loginFrame"> <table> <tr> <td height="55"> </td&…

js document对象

document对象可以通过多种方式获取: 最常见的一种情况是,你在文档的script脚本中直接使用document,这个document代表运行着该脚本的文档.(这个document和window.document是同一个对象.) document代表一个内联框架,通过iframe对象的contentDocument属性获取. 通过XMLHttpRequest对象的reponseXML属性获取. 如果给定的节点或元素中包含document对象,可以通过节点对象的ownerDocument属性检…

js document

<html><head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <p></p> <img src="img/img_01.jpg"> <a href="#">百度一下</a> <p>&…

js document.activeElement 获得焦点的元素

<body> <input type="text" id="test" value="ajanuw"> <script> document.querySelector('#test').addEventListener('mouseup', (e)=>{ var activeElement = document.activeElement; console.log( activeElement.selec…

js document.activeElement及使用

// 解决键盘弹出后挡表单的问题 // 解决键盘弹出后挡表单的问题 window.addEventListener('resize', function() { if( document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA' ) { window.setTimeout(function() { if('scrollIntoView' in document.active…

JS: document.getElementBy(), setInerval()

ylbtech-JavaScript-DOM document.getElementBy(),setInerval() 1.A,document.getElementBy()返回顶部 document.getElementById("某控件或标记的id").value; var val1 =document.getElementById("某控件或标记的id").value;; 下网动态网页 document.getElementById("某控件或标记的…

js document 触发按键事件

// 键盘控制 var keyEvent = (function () { document.onkeydown = function (e) { if (e.keyCode === 38) { // up rotate alert("38"); } else if (e.keyCode === 40) { // down alert("40"); } else if (e.keyCode === 37) { // left alert("37"…

（转）js document.all的用法

document.all用法一. document.all是页面内所有元素的一个集合.例如: document.all(0)表示页面内第一个元素二.document.all可以判断浏览器是否是IE if(document.all) { alert("is IE!"); }三.也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素四.案例: 代码1: <input name=aaa…

js document.queryCommandState() 各个参数

命令标识符 2D-Position 允许通过拖曳移动绝对定位的对象. AbsolutePosition 设定元素的 position 属性为“absolute”(绝对). BackColor 设置或获取当前选中区的背景颜色. BlockDirLTR 目前尚未支持. BlockDirRTL 目前尚未支持. Bold 切换当前选中区的粗体显示与否. BrowseMode 目前尚未支持. Copy 将当前选中区复制到剪贴板. CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚…

JS访问剪切板中的图片

google出来一个html2canvas,它利用canvas来渲染读取的DOM树,也就是说它只能截取document里的内容,如果要像qq截图那样,应该怎么做?用过百度的Ueditor编辑器的朋友都知道,它是调用了一个exe插件来实现的,由于本人内功不足还不会用c++写一个截屏插件出来,谷歌度娘参考了一番就取巧用js访问剪切板,获取到不管是qq还是系统剪切的图片数据. 输入框的结构代码: <iframe seamless ng-snapscreen id="dialogEditor&qu…

【MarkMark学习笔记学习笔记】javascript/js 学习笔记

1.0, 概述.JavaScript是ECMAScript的实现之一 2.0,在HTML中使用JavaScript. 2.1 3.0,基本概念 3.1,ECMAScript中的一切(变量,函数名,操作符)都是区分大小写的. 3.2, 3.3, 3.4, 3.5, typeof 用于基本类型的判别,instanceof用于引用类型(Object类型)的判别. 3.6, 3.7, 3.8,Boolean类型有两个取值:true 和 false(区分大小写).使用Boolean()函数如下:注意,除n…

JS 操作iframe

很多人一直都有个想法,要是可以随心所欲的操作iframe就好了.这样静态页面也就有了相当于后台动态页面php,jsp,asp中include,require实现统一多页面布局的能力. 通过Javascript的帮忙我们可以像后台一样动态加载操作iframe对象属性src指向的html页面的内容.这样的操作需要提供两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html). iPage.html,<b…

JS中的常用的代码操作

本文件介绍常用的js代码的DOM操作.CSS操作.对象(Object对象.Array对象.Number对象.String对象.Math对象.JSON对象和Console对象)操作说明. 一.DOM树的节点 DOM节点分为三大类: 元素节点(标签节点).属性节点和文本节点. 属性节点和文本节点都属于元素节点的子节点. 因此操作时,需先选中元素节点,再修改属性和文本. [查看元素节点] 1. 使用getElement系列方法: 具体的HTML代码如下图: //通过ID来查看元素属性 var li =…

js学习笔记：webpack基础入门（一）

之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者服务器一.安装webpack 你需要之前安装node.js $ npm install webpack -g 安装成功后,便可以使用webpack命令行了. ok,开始工作! 二.新建一个空目录,名字为myApp,文件如下 entry.js document.write("It works.&qu…

延迟加载外部js文件，延迟加载图片（jquery.lazyload.js和echo,js）

js里一说到延迟加载,大都离不开两种情形,即外部Js文件的延迟加载,以及网页图片的延迟加载: 1.首先简单说一下js文件的3种延迟加载方式: (1)<script type="text/javascript" defer>,defer属性可以推迟对脚本的解释,直到文档已经显示给用户为止,但只有IE支持defer属性 (2)设置具体的延迟时间,对应的js代码如下: function loadScript(){ var myScript=document.createEleme…

js事件技巧方法整合

window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){ resizeTo(640,480);//设置浏览器窗口尺寸 moveTo(0,0);//设置浏览器位置 })() screen.availHeight;//显示屏最高高度 screen.availWidth;//显示屏最宽宽度 /*窗口改变大小事件*/ //js window.onresize = function() { if(resizeTimer==null)…

xss其他标签下的js用法总结大全

前段时间我遇到一个问题,就是说普通的平台获取cookie的语句为↓ Default <script src=js地址></script> 1 <script src=js地址></script> 实际上我们的测试语句可能为↓ Default <script>alert("90sec")</script> 1 <script>alert("90sec&qu…

Node.js + Web Socket 打造即时聊天程序嗨聊

前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前后端之间代码敲得飞起,从此由前端晋升为'前后端'. 图片来自G+ 本文将使用Node.js加web socket协议打造一个网页即时聊天程序,取名为HiChat,中文翻过来就是'嗨聊',听中文名有点像是专为寂寞单身男女打造的~ 其中将会使用到express和socket.io两个包模块,下面会有介绍…