瑞星卡卡安全论坛技术交流区系统软件 【分享】JavaScript入门(不断更新)

1   1  /  1  页   跳转页

【分享】JavaScript入门(不断更新)

收藏
我是单眼皮
头像
叱咤花甲狮
  • 帖子:4398
  • 注册: 2005-06-21
  • 来自:
2012我眼中的你们
发表于： 2008-03-24 18:55 | 只看楼主 短消息 资料
字号： 小 中 大 1楼

【分享】JavaScript入门(不断更新)

什么是JAVASCRIPT
------------------
1.JAVASCRTPT是一种SCRIPT脚本语言
2.脚本语言是一种简单的编程语言,用于实现特定或有限的任务
3.JAVASCRIPT可和HTML语言一起使用.用来在浏览器的客户端编程从而控制浏览器等对象
3.JAVASCRIPT,并不需要依赖于特定的机器和操作系统,所以说它是独立于操作系统的.
4.JAVASCRIPT,JSCRIPT都是基于ECMAScript

JAVASCRIPT语言特点
------------------
1.是一种脚本编写语言(解释型,和HTML结合好)
2.基于对象的语言
3.简单性(编程环境介绍),开发环境要求不高
4.动态性(客户端,事件驱动)
5.跨平台(依赖于浏览器,与操作环境无关)

JAVASCRIPT与JAVA的区别
-------------------

    JAVASCRIPT                    |          JAVA
不编译,由客户端解释执行            |    编译成CLASS文件

面向对象,没有类和继承,内置对象    |      完全面向对象,程序由继承和类组成

嵌入HTML文件                      |    生成Applet,从HTML中调用

不能定义变量类型                  |    必须定义变量类型

动态绑定,对象在运行时被检查        |  静态绑定,对象在编译时被检查


如何在网页中加入JavaScript
------------------
1.嵌入JavaScript的方法,就是写上<Script>标记就行了
2.程序的编辑工具可以是任何一种文本编辑工具


变量
-----------------
1.应用变量的例子

-var happiness = "a banana split";
-alert("The monkeys think happiness is"+ happiness);

2.JavaScript的变量是弱变量
-不经声明就可以使用
-不需要类型转换
-最好还是用var声明


数组
--------------------
1.简单的说就是由一组数值按照顺序排列在一起,放在一个变量中,而每个数值都可以利用索
  引(index)来得到数组中所存在的信息.
2.使用方法:
  - var an_arry = new Arry("hickory","dickory");
  - var element_one = an_arry[0];
  - var element_two = an_arry[1];
  - an_arry[2] = "doc";

变量命名规则
-------------------
1.必须以英文字母或"_"开头
2.最大长度为255个字符
3.不能有空格
4.不可以使用JavaScript的运算符号,例如:+ - * /
5.不可以使用JavaScript用到的保留字,例如:sqrt,round,if
6.大小写敏感



纯手打的~
休息一下~~
最后编辑2008-04-06 13:17:34
分享到：
gototop
 
我是单眼皮
头像
叱咤花甲狮
  • 帖子:4398
  • 注册: 2005-06-21
  • 来自:
2012我眼中的你们
发表于： 2008-03-24 19:32 | 只看楼主 短消息 资料
字号： 小 中 大 2楼

JavaScript所提供的语句
------------------------
1.JavaScript所提供的语句可以分为以下几大类:
- 变量声明
- 函数定义语句:function,return
- 条件和分支语句:if...else,switch
- 循环语句:for,for...in,break和continue
- 对象操作语句:new,this和with
- 注释语句://或是/* */

if语句
-----------------------
1.if...else语句完成了程序流程中的分支功能,如果其中条件成立,则程序执行相应的语句.

- if...else语法如下:
if(条件)
{
    执行语句
}
else
{
    执行语句
}

switch语句
----------------------
1.分支语句switch可以根据一个变量的不同取值而采取不同的处理方法,在程序设计中提供
  不同的分支,这样的语句叫做分支语句

-switch语法如下:
  switch(expression)
{
    case lable1:
    语句块1
    case lable2:
    语句块2
    case lable3:
    语句块3
    ...
    default:
    语句块N
}

for语句
---------------------
1 for语句的基本语法如下:
for(初始化部分;条件部分;更新部分)
{
    语句块
}

do...while语句
---------------------
语法如下:
do
{
    语句块
}while(条件)

while语句
---------------------
语法如下:
while(条件)
{
    语句块
}

break语句和continue语句
----------------------
1.break语句是结束当前循环,并把程序的控制权交给循环的下一条语句

2.continue语句是结束当前的某一次循环.但是并没有跳出整个循环


函数定义
----------------------
1.一个典型的JavaScript函数定义如下:
function 函数名(参数表)
{
    函数执行部分
}
2.return语句:
- return返回函数的返回值并结束函数运行
- 语法如下:
  return 表达式
gototop
 
我是单眼皮
头像
叱咤花甲狮
  • 帖子:4398
  • 注册: 2005-06-21
  • 来自:
2012我眼中的你们
发表于： 2008-03-24 19:40 | 只看楼主 短消息 资料
字号： 小 中 大 3楼

下面是一些例子,新建一个文本文档,将需要的例子复制上去,再把文件另存为后缀名为.htm的文件即可

1.
<html>
    <head>
    <!-- 下面是javascript代码 -->
    <script language=javascript>
    // 弹出对话框

    /***********************
    alert("欢迎欢迎1！！！");
    alert("欢迎欢迎2！！！");
    alert("欢迎欢迎3！！！");
    alert("欢迎欢迎4！！！");
    ***********************/
    document.write("欢迎大家进入Javascript世界!!!");
           
    document.write("<br>");
    document.write("希望大家好好学习，Javascript不难，而且非常有
                        意思！！！");
    </script>
    </head>
</html>


2.

<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // 定义变量
            var s1 = "欢迎";
            var s2 = "大家";
            var s3 = "学习Javascript";

            document.write(s1 + s2 + s3);
            alert(s1 + s2 + s3);
        </script>
    </head>
</html>



3.


<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // 定义变量
            var s1 = "欢迎";
            var i = 7 ;
            var j = 8;

            // document.write(s1 + i + j);
            // document.write(i + j + s1);
        </script>
    </head>
</html>


4.
<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // ++ 自身加1
            // -- 自身减1
            // 如果++在变量后面，表示先用后加
            // 如果++在变量前面，表示先加后用
            var i = 5;
            /*document.write(++i);
            document.write("<br>");
            document.write(i);*/

            //document.write(i++ + i++ + i++);
            // 5 + 6 + 7 = 18
            // i = 8;
            document.write(++i + ++i + ++i);

        </script>
    </head>
</html>


5.
<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // %表示取余数
            var i = 10;

            document.write(i%3==0);


        </script>
    </head>
</html>



6.
<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // === 全等于
            var i = 10;
            var j = "10";

            document.write(i === j);


        </script>
    </head>
</html>


7.
<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // &&逻辑与  ||逻辑或
            // & 与  | 或
            document.write(true && false);
            document.write(false && false);
            document.write(true && true);
           
            document.write("<br>");

            document.write(true || false);
            document.write(false || false);
            document.write(true || true);

        </script>
    </head>
</html>


8.
<html>
    <head>
        <!-- 下面是javascript代码 -->
        <script language=javascript>
            // for 循环语句

            document.write("1-100所有奇数"+"<br>")
            for(i=1;i<=100;i++){
                if (i%2!==0){
                document.write(i+"<br>");
                }
            }
        </script>
    </head>
</html>
gototop
 
我是单眼皮
头像
叱咤花甲狮
  • 帖子:4398
  • 注册: 2005-06-21
  • 来自:
2012我眼中的你们
发表于： 2008-03-28 19:44 | 只看楼主 短消息 资料
字号： 小 中 大 4楼

以上是大概的,接下来细细的讲讲吧
===========================================
gototop
 
我是单眼皮
头像
叱咤花甲狮
  • 帖子:4398
  • 注册: 2005-06-21
  • 来自:
2012我眼中的你们
发表于： 2008-03-28 20:13 | 只看楼主 短消息 资料
字号： 小 中 大 5楼

JavaScript数据类型

在JavaScript中数据类型分为简单的数据类型和特殊的数据类型,首先我们来说说简单的数据类型.
-简单的数据类型包括普通数值型,特殊数值型,字符型和布尔型
1.普通数值型
  JavaScript中的数值包含整数和浮点数.数值型包括10进制,8进制,16进制和一些特殊的转换后类型.
123    -10进制
0X70C  -16进制,以0X开头
0273  -8进制,以0开头

2.特殊数值型
  特殊数值类包括Infinity和NAN.Infinity表示超出了可表示的最大范围,而NAN是"not a number"的缩写.

3.字符型
  JavaScript不对字符和字符串加以区分.
  var str="hello"
  var str2='hello'
  分别定义了2个字符串 str 和 str2
  注:由于字符串是用单引号或双引号括起来的,当字符串中出现引号时必须进行转义,但如果单引号内出现双引号或者双引号内出现单引号则不需要转义.
比如 var str="she says,\"hello\".";  此时就需要进行转义 但是如果把这句写成
    var str='she says,"hello".';则不需要转义,所以关于使用单引号还是双引号要根据具体情况来判断

4.布尔型
布尔型即Bolean型,又被称为逻辑型数据,只有两个值,true和false.Bolean值常包含在对象属性中以指示某种"开/关"状态.比如IE的Navigator对象的cookieEnable属性(navigator.cookisEnable)就是一个Bolean值,当用户允许使用cookie时,其值为true,反之则为false.下面我们来看个小例子.
<script language="javascript">
    if(navigator.cookieEnable)  //当用户允许使用时,其值为true
    {
        alert("允许使用!");    //弹出对话框,显示允许使用
    }
    else
    {
        alert("不允许使用!");
    }
</script>


--------------
例子可以拷到自己电脑上,另存为"任何名字.htm" 然后打开看看.
gototop
 
BAGGIO·18
头像
社区嘉宾
  • 帖子:70697
  • 注册: 2006-02-05
  • 来自:Ontheroad
年度优秀版主奖论坛8周年活动礼物卡卡名人堂祖国六十华诞就爱不长大论坛9周年纪念09欢乐圣诞10温馨圣诞世界杯勋章国庆61周年2010国庆勋章
发表于： 2008-04-06 13:02 | 短消息 资料
字号： 小 中 大 6楼





  单眼皮。。你不会是熬夜熬的成了单眼皮吧？ 嘎嘎


写的真好。。。


  我咋就看不懂嘞。。。嘎嘎
gototop
 
好运·魔法客
头像
飘泊而立狮
  • 帖子:469
  • 注册: 2007-12-18
  • 来自:广州
论坛8周年活动礼物
发表于： 2008-04-06 13:29 | 短消息 资料
字号： 小 中 大 7楼

据说,写得多了就写得多了.
gototop
 
<<上一主题|下一主题>>
1   1  /  1  页   跳转页
页面顶部
Powered by Discuz!NT