`
jiajunli
  • 浏览: 6299 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Javascript问题总结

 
阅读更多
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<body>
	<script type="text/javascript">
		//document.write("isNaN 2323 ->是否是数值=="+isNaN(2323));
		$(function(){
			$("input:button.my").live("click",function(){
				alert($(this).val());
			});
			//$("#auto").click();//手动触发
		});
		function add(){
			$("body").append("<input type=\"button\" value=\"btn3\" class=\"my\"/>");
		}
		function foo(num){
				return function(num){
				console.log(num);
			}
		}
		var f = new foo(3); //实例化
		f(); //undefined
		f(5);//调用函数-->5

		(function(){
			var a=x=100; //未声名的变量为全局变量,否则定义在函数外成为全局变量;
			window.b=100; //全局变量window是global全局对象
			window.c = function(){ //全局函数
				alert("hello c~");
			}
		})(); //调用匿名函数(初始化变量,明确window全局对象)
		alert("b="+b);
		c();
		alert("x="+x);

		String.prototype.repeat=function(num){
			var repeatStr = this;
			for(var i=1;i<num;i++){
				repeatStr+=this;
			}
			return repeatStr;
		}
		alert("hello".repeat(3));

		function test(){
			alert("a="+a); //undefined
			alert("fun()="+fun()); //undfined  变量声明与函数声明被提前,在顺序执行后变量并未进行赋值,而是直接输出,变量未初始步导致输出undefined
			alert("fun2()="+fun2());
			var a = 2;
			function fun(){
				return a;
			}		
			function fun2(){
				return 3;
			}
		}
		test();


		//this作用域应用 
		var firstname = "Lucy"; //全局
		var obj={
			firstname:"Lily",
			pro:{
				firstname :"sLucy",
					getFirstName:function(){
					return this.firstname; //在当前页面是局部
				}
			},
			
		}
		alert("obj.pro.getFirstName()\n"+obj.pro.getFirstName()); //sLucy
		var getFirstName = obj.pro.getFirstName();
		alert("var getFirstName = obj.pro.getFirstName();\n"+getFirstName); //sLucy
		var getFirstName2 = obj.pro.getFirstName;
		alert("var getFirstName2 = obj.pro.getFirstName;\n"+getFirstName2()); //Lucy  ->返回的函数,作用域已经发生变化;




	</script>
	<input type="button" value="btn1" class="my"/>
	<input type="button" value="btn2" class="my"/>
	<input type="button" value="add other button" onclick="add()" id="auto"/>

</body>

 主要涉及:live事件绑定、手动触发事件、作用域、原生态

分享到:
评论

相关推荐

    javascript课程内容总结

    JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型...

    javascript一些问题解答

    以上就是针对“JavaScript一些问题解答”的知识点总结。这些内容不仅涵盖了JavaScript的基础知识,还包含了实际开发中经常遇到的问题及其解决方案,希望能够帮助读者更好地理解和掌握JavaScript的相关技术。

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    JavaScript学习总结

    本文将围绕“JavaScript学习总结”这一主题,深入探讨其基本概念、语法特性、DOM操作以及与CSS的协同使用。 一、JavaScript基础 JavaScript由Brendan Eich在1995年发明,最初是为了网页交互而设计,现在已经成为...

    JavaScript基础知识总结

    JavaScript 基础教程 JavaScript 是一种广泛应用于网页和网络应用的轻量级编程语言,它主要用于增强网页的交互性和动态功能。JavaScript 能够直接嵌入 HTML 页面中,为设计师提供了一种无需深入编程就能实现动态...

    javaScript学习笔记总结.docx

    JavaScript是一种轻量级的解释型编程语言,主要用于网页和网络应用开发。它由网景公司的Brendan Eich在1995年发明,最初设计目的是增强网页的交互性,验证表单数据。JavaScript的运行环境是浏览器,它不需要预编译,...

    JavaScript经验总结

    ### JavaScript经验总结 #### 基础知识与脚本创建 - **创建脚本块**: - 使用 `&lt;script language="JavaScript"&gt;` 来创建一个 JavaScript 的脚本块。 - 示例代码: ```html &lt;script language="JavaScript"&gt; //...

    JavaScript通用校验汇总

    JavaScript通用校验汇总

    javascript特效javascript特效javascript特效

    总结起来,JavaScript特效是网页设计中不可或缺的一部分,涉及DOM操作、事件处理、样式变换、动画制作等多个方面。熟练掌握这些知识,不仅可以提升网页的交互性和吸引力,还能为用户提供更好的浏览体验。

    javascript知识点汇总

    javascript知识点汇总

    JavaScript必看全面总结.zip

    这份名为“JavaScript必看全面总结.zip”的压缩包文件包含了一份深入的JavaScript学习笔记,旨在帮助开发者全面掌握这一动态类型的脚本语言。以下是根据标题和描述提炼出的JavaScript关键知识点: 1. **基础语法**...

    javascript知识点总结《一》

    ### JavaScript知识点总结《一》 #### 第一章:初步认识JavaScript ##### 学习目标: - **理解JavaScript的特点** - **学会三种JavaScript的引入方式** ##### JavaScript的特点: 1. **了解特点前:** JavaScript...

    JavaScript总结笔记

    ### JavaScript总结笔记 #### JavaScript简介 JavaScript是一种广泛使用的、基于对象和事件驱动的脚本语言。它最初由网景公司(Netscape)的布兰登·艾奇于1995年创建,并逐渐成为现代Web开发的核心技术之一。...

    JavaScript语言基础知识总结(10张,神一样的总结!)

    这篇总结涵盖了JavaScript语言的基础知识,帮助初学者快速上手并深入理解这门强大的脚本语言。 首先,我们来看“JavaScript 数据类型”。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、...

    Javascript效果总结(包含绝大多数Javascript效果和常用的Javascript功能)

    这篇文档汇总了多种JavaScript效果和常用功能,旨在为开发者提供便利,帮助他们在实际项目中快速找到和应用所需的效果。 1. **返回上一页**: 在不知道用户是从哪个页面跳转而来时,可以使用`history.back()`函数...

    javascript常用代码及汇总

    "javascript常用代码及汇总"这个资源集合了JavaScript编程中的一些常见用法和实用技巧,是开发者学习和工作中的一大助力。 首先,JavaScript的核心概念包括变量、数据类型、控制结构、函数、数组、对象等。变量是...

    javascript资料汇总.

    这份“javascript资料汇总”包含了丰富的资源,旨在帮助开发者深入理解和掌握这门强大的脚本语言。 首先,我们来看《javascript - the definitive guide, 5th ed (o'reilly).chm》。这本书是经典的JavaScript指南,...

    JavaScript中的循环总结(教辅)

    JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环...

    js常用知识总结经典javascript知识总结,经典javascript知识总结

    这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`&lt;script&gt;`标签来插入JavaScript代码。...

Global site tag (gtag.js) - Google Analytics