JavaScript简单了解

JavaScript简单入门(补充篇)

本文是对上一篇 JavaScript简单入门的一些细节补充. 一.全局变量和局部变量在<script>标签内定义的变量是当前页面中的全局变量.即 <script>标签可以直接访问其他<script>标签定义的变量.而在函数体中定义的变量则为局部变量.如: <script type="text/javascript"> var x = 1;//全局变量 function show(x){//局部变量 x = ++x; return x;…

《javascript高级程序设计》读书笔记（一）javascript简单介绍

第一章:javascript简单介绍 Netscape Navigator 开发的javascript Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. 2.文档对象模型(DOM):提供訪问和操作网页内容的方法和接口. 3.浏览器对象模型(BOM):提供和浏览器交互的方法和接口. Web浏览器仅仅是ECMAScripr实现的可能宿主环境之中的一个. 五大主流Web浏览器(IE,Firefox,Safari,Chrome和Opera) 第二章:在Htm…

Javascript 简单实现鼠标拖动DIV

http://zhangbo-peipei-163-com.iteye.com/blog/1740078 比较精简的Javascript拖动效果函数代码 http://www.jb51.net/article/10578.htm <html> <head><title>拖动效果函数演示 by Longbill.cn</title> <style> body { font-size:12px; color:#333333; border : 0px…

[Java Web] 4、JavaScript 简单例子(高手略过)

内容概览: JavaScript简介 JavaScript的基本语法 JavaScript的基本应用 JavaScript的事件处理 window对象的使用 JavaScript简介: JavaScript(Java脚本)是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言: 是由Netscape公司的LiveScript发展而来的: 使用JavaScript可以轻松的实现和HTML的互操作,并且完成丰富的页面交互效果: 它是通过嵌入或调入在标准的HTML…

javascript - 简单实现一个图片延迟加载的jQuery插件

最近在看一本书<Third-Party Javascript>很不错,推荐给大家,下载地址各位自己搜索了. 步骤: 1.打开google,鉴于google基本打不开,那么就打开这个网址吧.http://www.aol.com 2.搜索third party javascript filetype:pdf 一般都可以下载到电子书了.目前只有英文版. 这书中有一章讲到了提高app的效率,其中有一点就是延迟加载初始化不需要的资源,结合书中给出的部分代码,我这里简单的弄了一个jQuery的插件. 首先…

javascript 简单的计算器

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="jisuanqi.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T…

哈希表(hashtable)的javascript简单实现

javascript中没有像c#,java那样的哈希表(hashtable)的实现.在js中,object属性的实现就是hash表,因此只要在object上封装点方法,简单的使用obejct管理属性的方法就可以实现简单高效的hashtable. 首先简单的介绍关于属性的一些方法: 属性的枚举: for/in循环是遍历对象属性的方法.如 var obj = { name : 'obj1', age : 20, height : '176cm' } var str = ''; for(var nam…

简述一个javascript简单继承工具的实现原理

背景由于本人非常希望能够开发自己的游戏,所以业余时间一直在想着能不能自己一些好玩又有趣的东西出来,最近随着steam上众多独立游戏的爆发,感觉自己又燃烧了起来,所以又拾起了很久以前的一个2d引擎,决定利用业余时间进行全力开发. 该引擎基于 html5 canvas 和WebGL, 主要支持WebGL, canvas 由于性能问题目前只打算提供有限支持,由于之前曾经做过一个很简单的引擎,所以这次准备做出一个结构比较好的引擎,会陆续参考一些其他的框架,比如 PIXI ,cocos2dx-js 和秋…

谁说 JavaScript 简单的？

这里有一些 Javascript初学者应该知道的技巧和陷阱.如果你已经是专家了,顺便温习一下. Javascript也只不过是一种编程语言.怎么可能出错嘛? 1. 你有没有尝试给一组数字排序? Javascript 的sort()函数在默认情况下使用字母数字(字符串Unicode码点)排序. 所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5]. 要正确的排序一个数组, 你可以用 [1,2,5,10].sort((a, b) => a - b) 很简单的解决方案, 前提是你…

一.JavaScript 的诞生历史在最初的时候 JS 主要解决的问题是一些服务器端语言(perl)对数据的验证功能,在js 出现之前要对表单的数据进行验证需要将数据提交到服务器端之后才能验证数据的合法性.有效性等等,但是在当时是使用电话拨号上网,速度是很慢的,几kb 的网速,这导致了每次用户与服务器端进行数据交互的时候成为了对人性的考验,比如说你写好了一个表单然后提交到服务器端,之后等待几分钟之久,最后用户名密码不正确.为了解决着这样的问题,一家互联网公司在1995年开发出了Jav…

JavaScript简单简介

JavaScript,男,web页面的一种脚本编程语言,1955年诞生,妻子为HTML,魔法能力是将静态页面(经过与用户交互与相应)转变为动态页面. 刚进入浏览器市场(魔界)的时候,也就是js1.0岁的时候,心高气傲,为非作歹,经常化作三种形态(版本)的外貌在程序街兴风作浪.1977年,欧洲计算机制造商协会(ECMA)出马,标准化了JavaScript,终于将他驯服.所以至今js背上都刻着当初那道符咒残留下来的伤疤,这也成为他的一个引人注目的标志,当初收服就是的符咒被称为“ECMAScript程…

javascript简单的滑动效果

利用setInterval实现简单的滑动效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简单滑动效果</title> <style type = 'text/css'> #btn { width:45px; height:25px; } #box1 { position:relative…

javascript简单的选项卡

实现一个简单的选项卡功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一个选项卡</title> <style type = "text/css"> *{ padding:0; margin:0; } #main { width:600px; height:300px;…

03.JavaScript简单介绍

一.JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的…

JavaScript 简单吗

英文:Aurélien Hervé 译文:众成翻译/msmailcode 这里有一些 Javascript初学者应该知道的技巧和陷阱.如果你已经是专家了,顺便温习一下. Javascript也只不过是一种编程语言.怎么可能出错嘛? 1. 你有没有尝试给一组数字排序? Javascript 的sort()函数在默认情况下使用字母数字(字符串Unicode码点)排序. 所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5]. 要正确的排序一个数组, 你可以用 [1,2,5,10…

非常酷的 Javascript 简单调试工具Blackbird

Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Javascript,有时为了进行一些简单的调试,我们也许会采用 alert(),但有时也是很麻烦的,比如在一个循环中,我们可能就要点击 n 次的弹出窗口了.但现在有了 Blackbird,我们就可以和 alert() 说拜拜了. 虽然有人说会很多 Javascript 类库都有类似功能,但我可不想因为进…

用javascript简单写的判断电话号码

在很多网站注册的时候,需要我们填写电话号码,本来想糊弄一下,但是还不行,一直提示不正确,我去网上搜了很多,正则表达式,发现有很多不对的, 最后写了一个简单的,但是比较实用的首先是html部分的内容手机号:<input type="text" class="loginuser" placeholder="请输入您的手机号" id="uid" onblur="checkPhone()" /> &…

javascript简单计算器实践

参考部分资料,编写一个简单的计算器案例,虽然完成了正常需求,但是也有不满之处,待后续实力提升后再来补充,先把不足之处列出: 1:本来打算只要打开页面,计算器的输入框会显示一个默认为0的状态,但是在输入框加入默认显示为0的时候,选择数据输入时,该0会显示输入数字的前面,例如”0123“,由于能力有限,待后续实力提升再来补充完善! 2:目前只能实现鼠标控制选择按钮,待完善键盘录入功能. 3:乘法的那个符号在本来想改成”×“这个符号的,待后续完善. 附图片一张: html部分: <!DOCTYPE h…

JavaScript简单继承

很多C#或C++开发人员习惯使用继承来开发项目,所以当他们想学习JavaScript语言时,第一个问题一般是:“我怎么在JavaScript中使用继承?”. 实际上JavaScript使用了一种不同于C#或C++的方法来创建面向对象语言.它是基于prototype的语言.原型概念表明行为是可以通过clone已经存在的对象来作为原型复用的.在JavaScript中每个对象都有原型,它定义了一系列对象可以使用的方法和成员.没有class,只有对象.每一个对象可以作为另一个对象的原型. 这个概念是非常…

javascript简单的表单验证

<html> <head> <title>用户登录</title> <script language="javascript" type="text/javascript"> function sub() { var user = document.form1.user.value; var pass = document.form1.pass.value; if(user=="") {…

javascript简单实现深浅拷贝

深浅拷贝知识在我们的日常开发中还算是用的比较多,但是之前的状态一直都是只曾听闻,未曾使用(其实用了只是自己没有意识到),所以今天来跟大家聊一聊js的深浅拷贝: 首先我们来了解一下javascript的数据类型,在ES5版本的js中我们的javascript一共有6种数据类型,分别是: Number(数值型).String(字符串).Boolean(布尔型).Object(对象,object和array都属于Object类型).null.undefined 我们日常使用的javascript深浅拷…

JavaScript 简单类型和复杂类型区别

一.基本类型 1.概述值类型又叫做基本数据类型,简单数据类型.在存储时,变量中存储的是值本身,因此叫做值类型 2.基本类型在内存中的存储基本数据类型存储在栈区中. 3.基本类型作为函数的参数基本类型作为函数的参数,传递进入函数的是变量的值. 扩展:堆栈空间分配区别: a.栈(操作系统):由操作系统自动分配释放 ,存放函数的参数值,局部变量的值等.其操作方式类似于数据结构中的栈: b.堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收,分配方式类似…

JavaScript 简单介绍

一.简介 JavaScript是一门面向对象的动态语言,他一般用来处理以下任务: 修饰网页生成HTML和CSS 生成动态HTML内容生成一些特效提供用户交互接口生成用户交互组件验证用户输入自动填充表单能够读取本地或者远程数据的前端应用程序,例如http://web-engineering.info/JsFrontendApp-Book 通过Nodejs实现像JAVA,C#,C++一样的服务端程序实现分布式WEB程序,包括前端和服务端当前浏览器所支持的JavaScript的版本被…

JavaScript简单分页，兼容IE6，~3KB

简介兼容IE6+及现代浏览器的简单分页,支持同一页面多个分页. 使用 Browser <link rel="stylesheet" href="css/GB-paging.css"> <script src="js/GB-paging.js"></script> 普通分页 HTML <div id="gbpaging" class="gb-paging">…

JavaScript简单的tabel切换2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>table切换</title> <style type="text/css"> *{ padding: } button{ width: 95px; } .active { background-color: yellow;…

用javascript简单封装AJAX

1.创建一个AJAX引擎对象 var CreateAjax = function () { var xhr = null; if (window.XMLHttpRequest) { //非IE游览器 xhr=new XMLHttpRequest(); }else { //IE游览器 xhr = new ActiveXObject("Microsoft.XMLHTTP"); } return xhr; }; 2.创建一个全局对象 var Ajax = function (option)…

javascript简单的认识下return语句+2015的总结+2016的展望

好久没更新博客了...自从有了mac之后世界变得简单了...日常么,除了研究代码,看别人的代码,写自己的代码.就那样.... 吐槽点:window配个nodejs的环境花了九头牛两只老虎的力气,mac上只要安装,就可以啪啪啪啪了....瞬间无力吐槽... 今天突然想到了偶的徒弟上次说貌似不会用return.....当然啦,我不教他也不会...呵呵哒...然后么大致说了一下 return语句么,字面上么就是个返回...反正日常中么一般都是一个function a(){ }里面么有个return 什…