【JavaScript与Html的两种结合方式】教程文章相关的互联网学习教程文章

JavaScript(下)【代码】【图】

<script type="text/javascript">//演示对象的方法。var str = "abcd";//document.write(str.bold());//alert(str.bold());var arr = ["abc","nba","zz","haha"];document.write(arr.join(", ")+"<br/>");arr.sort();document.write(arr.join(", ")); </script><script type="text/javascript" src="arraytool.js"></script><script type="text/javascript" src="stringtool.js"></script><script type="text/javascript">//原型的...

Javascript高级编程学习笔记(58)—— 事件(2)事件处理程序【代码】

事件处理程序事件处理程序即响应某个事件的函数事件处理程序以 “on” 开头如“onclick”,“onload” HTML事件处理程序某个元素支持的每种事件都可以使用一个与响应的事件处理程序同名的HTML特性来指定这个特性的值应该是能够执行的script代码如:<input type="button" value="click me" onclick="alert(‘clicked‘)"/>此外也可以直接调用在文档其它部分定义的函数作为事件处理程序所执行的代码如:<input type="button" value="...

javascript与php使用json传递数据【代码】【图】

javascript: <script> function loadDoc(file,async=true){ if(window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{ // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } if(async === true){ xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState < 4){// 加载中}else if (xmlhttp.readyState == 4 && xmlhttp.status == 200){/...

IE (6-11)版本,在使用iframe的框架时,通过a标签javascript:; 和js跳转parent.location的时候 出现在新页面打开的情况【代码】

问题描述:使用iframe的情况下,在子框架中,使用如下形式的跳转:<a href="javascript:;" onclick="parent.location.href=‘login.php‘;"> 退出</a>在IE浏览器下,点击后,会在退出的情况下,再打开一个页面,URL显示为 javascript:; 的情况出现,也就是说 a标签的 javascript:; 并未生效!这是一个很奇怪的现象,在谷歌等现代浏览器中并不存在该问题。 最后猜测可能是由于 a标签的href属性 在IE下的解析是先将href的值传递给父...

Javascript图片无缝滚动【代码】

js无缝滚动效果几乎在任何网页上都能看到它的身影,有的可能是使用插件,其实使用原始的javascript比较简单。主要的是使用js位置知识。详细1.innerHTML:设置或获取元素的html标签2.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距3.offsetWidth:设置或获取指定标签的宽度4.setInterval():设置方法定时启动5.clearInterval();清除定时器效果图:先睹为快:demo<!DOCTYPE html><html lang="en"><head><met...

初涉JavaScript模式 (9) : 函数 【常用方式】【代码】【图】

回调模式上一篇,对JavaScript函数进行了大体的介绍,这一篇对一些在工作中经常遇到的情况进行扩展。在工作中,我们经常遇到很多需求,比如现在有一个需求:一栋10层的大楼,当我们在坐电梯时,电梯每上一层,每层的电梯显示屏上即时显示电梯当前所在的楼层。这样我们可能不到1s,就想到了解决方案,只要电梯每上一层,把每一层的电梯显示屏数字 +1 ,代码核心如下: <PRE style=‘margin: 0em; width: 100%; font-family: consolas...

18 款超酷的 HTML5 和 JavaScript 游戏引擎库

现在的游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于 2D 或者 3D 的场景。为了节省游戏开发者的时间,让开发者集中精力在游戏的创新上,出现了许许多多的游戏引擎。而现在为了实现跨平台,HTML5 和 JavaScript 成功为了游戏开发者必备的利器,特别是移动端的开发者,必须要能很好的掌握 HTML5 和 JavaScript。现在这么多的游戏引擎,各有各的优点和缺点,为了帮助开发者们找到属于自己的那款游戏开发引擎,我...

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 - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部