javaScript学习(入门)

不落俗套的来讲讲javascript的特点:

1.所有主流浏览器都是支持javascript的。

2.绝打分网页都使用javascript。

3.javascript可以实现网页呈现各种动态效果。

4.简单易学,只要有文本编辑器,就可以编写javascript程序。

作为测试,了解一些开发技能是很有必要的。。。总之,不要安于做一个只会点点点的测试小菜

开始学习吧...

-----------------------------------------------------------------------------------------------------------------------------------------------------

在网页中加入JS代码的方式是使用成对的<scrpit>标签,如下:

<script type="text/javascript">
document.write("hello");
</script>

其中:首标签的type="text/javascript"表示告诉浏览器里面的文本是属于javascript语言。

PS:除了直接在html文件中编写javascript代码外,还有一种方式是将html文件与JS代码分开,并单独创建一个javascript文件(后缀为.js,简称JS文件)(注意:在JS文件中,不需要<script>标签,直接写JavaScript代码就可以了。JS文件不能直接运行,需要嵌入到HTML文件中执行,在HTML添加代码:<script src="script.js"></script>)。

例如:html文件

JS文件:

---------------------------------------------------------------------------------------------------------------------------------------------

关于JS在页面中的位置:

javascript作为一种脚本语言可以放在html页面中任何位置,而浏览器解释HTML是有先后顺序的,所以前面的script就先被执行。

一般会将javascript代码放在网页的head或者body部分,放在head部分浏览器解析head部分就会执行这个javascript代码;放在body部分,javascript代码在网页读取到该语句的时候就会执行。所以进行页面初始化的js必须放在head里面,因为初始化都要提前进行,而通过事件调用执行的function对位置就没有任何要求了。

关于添加注释:单行注释,在注释内容前加符号"//";多行注释以"/*"开始,以"*/"结束。

关于变量:JS定义变量的语法:var 变量名  (PS:变量是使用任意多个英文字母、数字、下划线或者美元符$组成,其中数字不能为首;不能使用JavaScript关键字及保留字;变量需要先声明再赋值且变量可以重复复制。)

注意:在JS中区分大小写

--------------------------------------------------------------------------------------------------------------------------------------------------

语法学习:

一:判断语句:if...else

语法:

if(条件)

{条件成立时执行的代码}

else

{条件不成立时执行的代码}

二: 函数

语法:

function 函数名()

{

函数代码;

}

PS:函数定义好后,是不能自动执行的,需要调用才能被执行。

例如:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
<script type="text/script">
function contxt()
{
alert("哈哈,调用函数了!");
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我" onclick="contxt()" />
</form>
</body>
</html>

三:输出内容document.write()

使用情况一:document.write("I love javascript!");//内容直接用双引号括起来,双引号内容直接输出。

使用情况二:var mystr="hello world!";  document.write(mystr); //输出变量存储的内容。

使用情况三:var mystr="hello";  document.write(mystr+"I love javascript");//输出多项内容,内容之间用+号连接

使用情况四:var mystr="hello";  document.write(mystr+"<br>");  document.write("javascript");

四:JS中输出空格

在写JS代码的时候,无论咋输出的内推中什么位置有多少个空格,显示的结果只有一个空格,因为浏览器显示机制就是:对于手动悄然的空格,将连续多个空格显示成一个空格。

如:document.write("  1   2      3");   结果为:1 2 3

解决办法一:使用html的&nbsp;  具体为:document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"2");

解决方法二:使用CSS样式来解决   具体为:document.write("<span style=‘white-space:pre;‘>"+"1   2   3  "+"</span>");

white-space:pre这个样式表示:空白会被浏览器保留。

五:警告:alert消息对话框

语法:alert(字符串或变量);

PS:特点:在点击对话框“确定”前不能进行任何其他操作,消息对话框一般可用于调试程序,其输出内容可以是字符串或变量与document相似。

六:确认:confirm消息对话框(包括一个确定按钮和一个取消按钮)

语法:confirm(str);  补充:str表示在消息对话框中要显示的文本,返回值为布尔型,点击“确定”,返回true;点击“取消”,返回false

例如:

<script type="text/javascript">
    var mymessage=confirm("你喜欢互联网行业吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("现在是网络信息化社会,生活无处不网络哦!");   }
</script>

七:提问:prompt消息对话框  (弹出消息对话框,包含一个缺点按钮、取消按钮与一个文本输入框)

语法:prompt(str1,str2);  //补充:str1表示要显示在消息对话框中的文本,不可修改;str2表示文本框中的内容,可以修改。反击确定按钮,文本框中的内容将作为函数返回值,点击取消按钮,将返回NULL

例如:

var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }

八:打开新窗口:window.open()

语法:window.open([URL],[窗口名称],[参数字符串])

参数说明:[]表示参数可选

URL:在窗口中要显示网页的网址或路径,若省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。

窗口名称:被打开窗口的名称。有字母、数字和下划线组成,其中“_top"(框架网页中在上部窗口中显示目标网页)、"_blank"(在新窗口显示目标网页)、"_self"(在当前窗口显示目标网页)是具有特殊意义的名称。另外,相同name的窗口只能创建一个,name不能包含有空格。

参数字符串:设置窗口参数,各参数用逗号隔开。

参数表如下:

例如:打开http://www.baidu.com网站,大小为300px*200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

<script type="text/javascript"> window.open(‘http://www.baidu.com‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes‘)
</script>

注意:运行的时候要考虑兼容性。

九:关闭窗口(window.close)

window.close();//关闭本窗口        <窗口对象>.close();//关闭指定的窗口

例如:var mywin=window.open("http://www.baidu.com");   mywin.close(); //注意,该段代码在打开窗口的同事关闭该窗口,故看不到被打开的窗口。

				
时间: 2024-11-08 18:15:30

javaScript学习(入门)的相关文章

JavaScript学习基础篇【第1篇】: JavaScript 入门

JavaScript 快速入门 JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中,由<script>...</script>包含的代码就是JavaScript代码,它将直接被浏览器执行.第二种方法是把JavaScript代码放到一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件. 例一:放在head内 <

javascript学习之入门(四)

/***@author sinux*@date 2013/9/5*@Content javascript基础入门(四)**/二,对象基础0.作用域   a.常见的编程语言都离不开作用域的概念.作用域实际上就是指属性或变量的适用范围.一般来讲有公有,私有,及受保护的作用域之分.   b.实际上,javascript中的所有属性和方法均为公有作用域,没有私有和保护作用域的,显然在js中大谈作用域,除了加深对编程语言的横向比较意识之外,我看不到有什么亮点.   c.虽然js没有静态作用域,不够它可以给

JavaScript学习指南之第一章Hello JavaScript!最基础的JavaScript入门

JavaScript学习指南笔记 第一章 Hello JavaScript! JavaScript简介 JavaScript属于网络端的脚本语言. JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. 能够与网页进行完美的集成.. 目前在因特网领域,也是比较流行的一种脚本语言. JavaScript是一种轻量级的编程语言. JavaScript是可插入HTML页面的编程代码. JavaScript插入HTML页面后,可有所有的浏览器所执行

javascript新手入门必读书籍推荐

在当下,极多的程序员是通过自学来完成入门以及提升的.对于JavaScript的学习来说,同样不例外.许多新手入门javascript选择通过视频教程或者论坛交流的方式进行学习,这种方式固然较为轻松和便捷,但在知识的获取上有些碎片化,对于新手来说不是很好. 在javascript的入门阶段,通过书籍来学习对于新手来说才是最好的手段.书籍的学习固然比较枯燥,但是也是最权威,最系统化的,对于新手来说能够快速的完成基础知识的奠基,而对于之后进一步的提升也是大有裨益.这里笔者就结合自身经验为各位javas

HTMl5/CSS3/Javascript 学习推荐资源

HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/Python/Nodejs/Java/ASP .NET只要和展示有关的部分都可以称之为前端.在这里由于篇幅的限制,我们只推荐与HTML+CSS+Javascript三者有关的前端技术 入门 w3school html5 简单HTML5的入门教程 w3school css3 简单的CSS3入门教程 J

OPEN(SAP) UI5 学习入门系列之一:扫盲与热身(下)

1 UI5代码结构 上一次我们一起用了20秒的时间完成一个UI5版的Hello World.应用打开后有一个按钮,按钮的文字是Hello World,点击这个按钮之后,按钮会慢慢的消失掉(Fade out). 那我们这次就来看一看为了实现这么一个简单的功能,OpenUI5框架至少需要提供哪些内容,或者说我们通过这么一个简单的应用来看一下一个最简单的UI5的应用程序的结构. HTML部分应该不用多说,我们只看和UI5相关的代码,第一部分我们称为Bootstrap,包含以下代码段: <!-- 1.)

JSON--JSON学习入门(了解什么是JSON)

JSON格式化工具:tool.oschina.net/codeformat/json JSON定义 JSON(JavaScript Object Notation)一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性.可在不同平台之间进行数据交换.JSON采用兼容性很高的.完全独立于语言文本格式,同时也具备类似于C语言的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)体系的行为.这些特性使JSON成为理想的数据交换语言. JSON基于Ja

JavaScript学习记录day1

JavaScript学习记录day1 学习 javascript JavaScript学习记录day1 1. 快速入门 2. 编程工具 3. 语法 4. 注释 5. 大小写 JavaScritps 是什么? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在Web世界里,只

【吐血推荐】牛人收集的163个Javascript学习教程pdf电子书资源合集

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB   5天驾驭JQuery教程.pdf 1.08 MB   ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB   Ajax+PHP程序设计实战详解.pdf 84.29 MB   Ajax实战中文版.pdf 2.48 MB   Aj

JavaScript 学习推荐

主要是个人的学习网站,书籍推荐,还有个人学习经历,以及一些学习经验或技巧 JavaScript学习网站推荐 如果想快速入门,这些是很推荐的网站 快速入门,很快能让你了解前端,有什么,做什么,要学什么,怎么做 w3cschool     http://www.w3school.com.cn/index.html MDN  https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 菜鸟教程 http://www.runoob.com/js/js-