【JavaScript在div后添加删除div】教程文章相关的互联网学习教程文章

javascript控制图片等比例缩放【代码】

<SCRIPT language="JavaScript"> function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.width/image.height>= FitWidth/FitHeight){ if(image.width>FitWidth){ ImgD.width=FitWidth; ImgD.height=(image.height*FitWidth)/image.width; } else{ ImgD.width=image.width; ImgD.height=image.height; } } else{ if(image.heigh...

javascript技巧合集

转http://www.blogjava.net/zhaochengming/archive/2010/04/09/317837.html http://www.cnblogs.com/fxgachiever/archive/2010/09/08/1821717.html 事件源对象event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCode event.shiftKey event.altKey event.ctrlKey事件返回值event.returnValue鼠标位置 event.x event.y窗体活动元素 d...

javascript基础--数组,字符串操作,Math函数【代码】【图】

数据的操作方法: 1var arr = [1,2,3,4,5];2 3 arr.push(6,7);//可以在数组的最后一位开始添加数列(1+);并返回数组的长度。 4 5 arr.pop();//删除数组的最后一位。并返回那一位数组的内容。 6 7 arr.shift();//删除数组的第0位,并返回那一位数组的内容。 8 9 arr.unshift(-1,0);//从数组的第0位前,添加数列,并返回数组的长度。1011 arr.join(‘‘);//将每列数组按照指定的符号或者不设置符号(空字符串)隔开每列数组。 字符串...

JavaScript String 对象扩展方法【代码】【图】

/** 在字符串末尾追加字符串 **/ String.prototype.append = function (str) {returnthis.concat(str); } /** 删除指定索引位置的字符,索引无效将不删除任何字符 **/ String.prototype.deleteCharAt = function (index) {if (index < 0 || index >= this.length) {returnthis.valueOf();}elseif (index == 0) {returnthis.substring(1, this.length);}elseif (index == this.length - 1) {returnthis.substring(0, this.length - ...

javascript9分享到菜单,菜单在屏幕左侧的移出和收回【代码】

1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="utf-8">5 <title></title>6 <style>7 #div1{width: 100px;height: 200px;background-color: grey;position: absolute;left: -100px;top: 400px;}8 #div1 span{width: 20px;height: 60px;background-color: orange;position: absolute;left: 100px;top: 70px;line-height: 20px;}9 </style> 10 <script> 1...

JavaScript-4.7-friendly_table---ShinePans【图】

<html><head><meta http-equiv="content-type" content="text/html;charset=GB2312"/><title> 4.6 人性化表单 </title><!--脚本部分--><script type="text/javascript">function $(str) {return(document.getElementById(str));}function check_submit(){if($("txt_user_name").value==""){alert("请填写用户名");return(false);}if($("txt_user_pass").value==""){alert("请输入密码");return(false);}if($("txt_user_pass_confir...

JavaScript高级程序设计16.pdf

第8章 BOMBOM的核心对象就是window,它表示浏览器的一个实例,在浏览器中window对象有双重角色,它既是JavaScript访问浏览器的一个接口,又是规定的Global对象,因此所有在全局作用域中声明变量、函数都会是window对象的属性和方法定义全局变量与在window对象上直接定义属性的差别是全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以尝试访问未声明的变量会抛出错误,但通过查询window对象,可以知道某个可能...

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。原文:https://www.cnblogs.com/borter/p/9538470.html

javascript 节点操作拷贝节点cloneNode()【代码】【图】

cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝true:表示执行深拷贝,复制本节点以及整个子节点树.false:浅拷贝.只复制节点本身.复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档1<div id="guoDiv">2<span>1</span>3<span>2</span>4<span>3</span>5</div>1var oDiv = document.getElementById("guoDiv"); 2var deepList = oDiv.cloneNode(true); //拷贝子节...

《你不知道的javascript上卷》读书笔记(kyle simpson 著,赵望野、梁译)

一、关于this篇:1.this实际上是在函数被调用时发生的绑定,它指向什么完全取决于函数在哪里被调用2.this优先级:new>显示绑定>隐式绑定>默认绑定。3.如果把null或undefined作为this的绑定对象传入call、apply或者bind,这些值在调用时会被忽略,实际应用的是默认绑定规则eg:function foo(){  console.log(this.a);}var a=2;foo,bind(null); //24.将arguments(类数组)变为数组(1)Array.prototype.slice.apply(arguments) ...

JavaScript --- ES6 Map集合结构详解【代码】

Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。语法new Map([iterable])参数iterableIterable 可以是一个数组或者其他 iterable 对象,其元素或为键值对,或为两个元素的数组。 每个键值对都会添加到新的 Map。null 会被当做 undefined。描述一个Map对象以插入顺序迭代其元素 — 一个 for...of 循环为每次迭代返回一个[key,value]数组。 键的相等(Key equality)键的比较是基于 "SameValueZero" 算法:N...

javascript开发模式

ECMAScript有两种开发模式:n 面向过程--函数式(过程化).n 面向对象(OOP)。面向对象的语言有一个标志,那就是类(构造函数)的概念,而通过类可以创建任意多个具有相同属性和方法的实例对象。但是,ECMAScript没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。(基于面向对象) 面向对象的特点(了解)n 抽象:就是忽略一个主题中与当前目标无关的那些方面,以便更充分地注意与当前目标有关的方面。n 封装:就是把我们...

第二章 JavaScript操作BOM2

1.什么是BOM?BOM:浏览器对象模型(Browser Object Model)window 是整个BOM的核心2、BOM通常实现的功能弹出新的浏览器窗口移动、关闭浏览器以及调整窗口的大小在浏览器窗口中实现页面的前进和后退功能3.window对象常用方法prompt( ) 显示可提示用户输入的对话框alert( ) 显示带有一个提示信息和一个确定按钮的警示框confirm() 显示一个带有提示信息、确定和取消按钮的对话框close() 关闭浏览器口open()打开一个新的浏览器窗...

【20190405】JavaScript-正则式匹配与替换的参数【代码】

在正则式的应用中有三个函数使用得最多:exec()、test()与字符串的replace(reg, options)。其中test()最简单,只要字符串与正则式可以匹配,就返回true,否则返回false。接下来主要分析一下exec()和replace()的用法。reg.exec():举个例子:let reg=/-(\w)/g; let str=‘the-first-index‘; console.log(reg.exec(str),reg.exec(str));这个例子取到了字符串中每个-后的字母。首先正则式中带有g参数,说明是全局查找,那么在第一次调...

javascript实现图片无缝滚动(scrollLeft的使用方法介绍)【图】

<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title><style>.piczhanshi{width:976px;height:167px;border:1px #999999 solid;margin:0 auto;}h3{float:left;background-color: #DDD;float: left;height: 35px;width: 966px;margin-top: 2px;line-height: 35px;text-align: center;color: #064278;font-size: 18px;margin-left: 5px;margin-right:...