• JavaScript概述


    JavaScript概述:
    	1.什么是JavaScript?有什么用?
    		JavaScript是运行在浏览器上的脚本语言。简称JS
    		JavaScript中虽然带有"java",但是和Java没有任何关系,只是语法上优点类似,
    		但是运行位置不同,java运行在JVM中,JavaScript运行在浏览器的内存当中
    		注:
    			JavaScript程序不需要程序员手动编译,编写完源代码之后,浏览器直接打开解释执行
    			JavaScript的"目标程序"以普通文本形式保存,这种语言都叫做"脚本语言"
    			Java的目标程序以.class形式存在,不能使用文本编辑器打开,不是脚本语言
    		补:
    			JSP和JS的区别?
    				JSP:JavaServer Pages(隶属于Java语言的,运行在JVM当中)
    				JS:JavaScript(运行在浏览器中)
    
    	2.在HTML中如何嵌入JavaScript代码?
    		预:
    			1)要实现的功能:
    				用户点击一下按钮,弹出消息框
    			2)JS是一门事件驱动型编程语言,依靠事件去驱动,然后执行对应的程序。
    			在JS中有很多事件,其中有一个事件叫做:鼠标单击,单词:click。
    			并且任何事件都会对应一个事件句柄:onclick。
    			【注意:事件和事件句柄的区别是:事件句柄是在事件单词前添加一个on】
    			而事件句柄是以HTML标签的属性存在的。
    			3)onclick="JS代码",执行原理是什么?
    				页面打开的时候,JS代码并不会执行,只是把这段代码注册到按钮的click事件上了。
    				等这个按钮发生click事件后,注册在onclick后面的js代码会被浏览器自动调用
    			4)怎么使用JS代码弹出消息框?
    				在JS中有一个内置的对象叫做window(全部小写),可以直接拿来使用,window代表的是浏览器对象
    				window对象有一个函数叫做:alert,用法是:window.alert("消息");这样就可以弹窗了
    				window.可以省略不写
    			5)JS中的字符串可以使用双引号,也可以使用单引号
    			6)JS中的一条语句结束之后可以使用分号; 也可以不用
    			
    		第一种方式:(句柄方式)
    			<body>
    				<input type="button" value="hello" onclick="window.alert('hello JS')"/>
    				<input type="button" value="hello" onclick="alert('hello JS')"/>
    			</body>
    		第二种方式:(脚本块方式)
    			注:	
    				暴露在脚本块当中的程序,在页面打开的时候执行,
    				并且遵守自上而下的顺序依次逐行执行(这个代码的执行不需要事件)
    				JavaScript脚本块在一个页面中可以出现多次,没有要求,
    				JavaScript的脚本块出现位置也没有要求。
    			<body>
    				<script type="text/javascript">
    					window.alert('Hello JavaScript!')	//alert函数会阻塞整个HTML页面的加载
    				</script>
    			</body>
    		第三种方式:链入外部独立的JS文件
    			在需要的位置引入js脚本文件
    			引入外部独立的js文件的时候,js文件中的代码会遵循自上而下的顺序依次逐行执行
    			script标签必须有</script>结束标签
    			
    			<body>
    				<script type="text/javascript" src="1.js">
    					<!--引入js脚本文件时,在这里代码块中编写的代码不执行-->
    				</script>
    				<script type="text/javascript">
    					<!--这里的代码执行-->
    					alert("TEST!!!")
    				</script>
    			</body>
    	
    			
    			
    

      

  • 相关阅读:
    前端CSS-font属性,超链接的美化,css精灵,background综合属性
    iOS App上架流程(2016详细版)
    iOS中使用正则
    iOS开发--JS调用原生OC篇
    iOS开发--OC调用JS篇
    CocoaPods 的简单快速安装方法
    iOS开发小技巧 -- tableView-section圆角边框解决方案
    Mac合并分区
    iOS开发小技巧
    iOS开发中遇到的错误整理
  • 原文地址:https://www.cnblogs.com/-slz-2/p/15513589.html
Copyright © 2020-2023  润新知