跟我一起学MiniOA：第二章几种开发语言入门 2.1Javascript入门-CSDN博客

本文链接：https://blog.csdn.net/daiqianjie/article/details/6525450

我在介绍javascript、asp、asp.net、php、vba、c#、c、jsp等语言入门时，对语法和理论的讲解会非常少，这些很容易就可以在网上获取，比如你可以在w3school上获取非常权威、完整、详细的html、css、javascript、vbscript等语言的知识。这里，我仅讲解我曾经学习过的、重点关注过的，以及当前实际工作中经常使用的知识点。我讲东西，喜欢先告诉你结果，也就是我们要实现的目标和效果，然后再一步一步讲解是怎么实现的。我至少会告诉你一种途径实现目标。当你成功实现目标后，再回过头来慢慢理解实现过程。

2.1 JavaScript入门

JavaScript和VBScript都属于浏览器端脚本编程语言，在网页中可以与html编辑混合在一起，一般讲代码放置在＜head＞＜/head＞中，或者放置在网页任何位置，也可以讲脚本放置在一个脚本文件中然后引用进来。所有的脚本应该放置在＜script＞＜/script＞标记中，比如＜script type="text/javascript"＞alert("Hello");＜/script＞或＜script language=" javascript"＞alert("Hello");＜/script＞，在type和language属性中指定javascript意思是告诉浏览器当前执行的是javascript，我们可以指定vbscript脚本。

javascript和vbscript都是脚本语言，我应该学哪一种呢？我刚开学习的是vbscript，听人说它比较简单，后来才知道其实javascript也非常简单，而且更加流行，现在基本只使用javascript。vbscript也不是不需要，它毕竟是微软自创的，处理windows或是VBA问题具备先天优势。javascript和java并没有直接联系，语法上有相似之处。

javascript的运行环境很简单，几乎任何一台安装浏览器的电脑都可以运行javascript。用记事本在桌面上创建一个文本文件，重命名成hello.html，修改其内容为＜script language=" javascript"＞ alert("Hello World!");＜/script＞,然后保存，用浏览器打开网页hello.html看看效果吧。将脚本放置在一个js文件中，然后在网页中可以通过＜script＞标记的src属性包含，例如
＜script type="text/javascript" src="yourcode.js"＞＜/script＞

使用jquery.js
jquery对javascript脚本进行了封装，能够显著精简代码。
比如我们常用document.getElementById("username")来获取某个元素，使用jquery后，可以直接使用$("username")来实现，document.getElementById简化成$。

使用javascript实现ajax效果

javascript脚本特效

在标记＜a＞中使用脚本
＜a href="javascript:history.go(-1);"＞返回＜/a＞
在标记＜img＞中使用onclick事件
＜img src="back.png" οnclick="javascript:history.go(-1);"/＞
除了支持onclick，还支持ondblclick
在标记＜input＞使用onchange事件
＜input type="text" οnchange=" javascript:alert(document.getElementById('').value);"/＞
提交表单
document.getElementById('yourform').submit();
document.getElementByName('yourform')[0].submit();
document.forms[0].submit();

操作style，比如隐藏某个元素
document.getElementById('').style.display='none';
document.getElementById('').style.visibility=false;

确认对话框
if(!confirm('您确定要删除这条记录?')) return false;

常用函数
setTimeout("FunctionName",millisec)，延迟指定时间后执行指定函数，时间单位是毫秒。
setInterval("FunctionName"code,millisec)，每间隔指定时间执行一次指定函数，时间单位是毫秒。
document.write("Hello World! ")，在页面上输出一段文字
document.writeln("Hello World! ")，在页面上输出一段文字，并追加换行符
document.location.href= http://localhost/，打开目标网址
window.open("http://localhost","窗体名称")，在新窗口中打开网页。这就是传说中的弹出窗口，由于弹出窗口普遍被认为是弹出广告，所以遭到各路浏览器、工具条封杀，导致被拦截，无法弹出来。在实际工作做，各应用系统又经常使用到弹出窗口，虽然已经加入可信站点，但大多数情况下还是弹不出窗口，严重影响正常使用。用户并不能有效解决弹出窗口的问题，可程序员还是乐于使用弹出窗口，对此问题视而不见，其实这是程序员的悲哀。并不是所有的弹出窗口都会被拦截，关键是要尽心解决问题，而不是一味的照本宣科。

很多免费的脚本都可以在网上找到。

浏览网页时，如果发现非常好的网页特效，可以查看源文件探个究竟，然后为自己所用。