【JavaScript】javaScript基础知识回顾

我们首先对JavaScript的基础进行回顾。

1.浏览器的对象树
总浏大纲，还是要先看浏览器的对象树:
如1.1浏览器的对象树.png

2.window对象常用方法
alert(‘信息’)：消息框
prompt(‘提示信息’,默认值)：标准输入框
confirm( )：确认框
open( )：打开一个新窗口
close( )：关闭窗口

3.Form表单对象
访问表单的方式:
* document.forms[n]
* document.表单名字
表单对象常用的属性
action<from action=”xxx”>表单提交的目的地址
method<form method=”xxx”>表单提交方式
name<form name=”xxx”>表单名称

例子1:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>js测试</title></head><body> <form name="form1" action="test1.html" method="post"><input type="text" name="username" value="zhang"/><input type="button" name="ok" value="保存1"/></form><form name="form2" action="test2.html" method="post"><input type="text" name="username" value="zhang2"/><input type="button" name="ok2" value="保存2"/></form><script language="javascript">//使用两种方式输出表单的action值/method值（使用表单的名称，使用表单数组forms）//方法1var formElement=document.form1;alert(formElement.action);alert(formElement.method);//方法2var formElement=document.forms[0];alert(formElement.action);alert(formElement.method);</script></body></html>

测试结果成功输出表单的action值/method值javaScript定义函数的三种方式。

例子2:解决多个按钮提交表单的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>js测试</title></head><body> <form name="form1" action="" method="post">患者姓名<input type="text" name="username" value="zhang"/><input type="button" name="ok" value="打印患者信息" οnclick="printPerson()"/><input type="button" name="ok2" value="查询患者信息" οnclick="selectPerson()"/></form><script language="javascript">//通过javaScript函数方式访问printPerson.html和selectPerson.htmlfunction printPerson(){var forElement=document.forms[0];forElement.action="printPerson.html";forElement.method="post";forElement.submit();}function selectPerson(){var forElement=document.forms[0];forElement.action="selectPerson.html";forElement.method="get";forElement.submit();}</script></body></html>

3.javaScript定义函数的三种方式
(1)正常方法

function print(msg){document.write(msg);
}

对函数进行调用的几种方式：
函数名（传递给函数的参数1，传递给函数的参数2，….）
变量 = 函数名（传递给函数的参数1，传递给函数的参数2，….）
对于有返回值的函数调用，也可以在程序中直接使用返回的结果，例如：alert("sum=“ + square(2,3));
不指定任何函数值的函数，返回undefined。

(2)构造函数方法 new Function();
//构造函数方式定义javascript函数注意Function中的F大写
var add=new Function('a','b','return a+b;');

//调用上面定义的add函数
var sum=add(3,4);
alert(sum);
注:接受任意多个字符串参数，最后一个参数是函数体。如果只传一个字符串，则其就是函数体。

(3)函数直接量定义函数
//使用函数直接量的方式定义函数
var result=function(a,b){return a+b;}

//调用使用函数直接量定义的函数
var sum=result(7,8);
alert(sum);
注:函数直接量是一个表达式，它可以定义匿名函数

三种定义函数方法测试:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>js测试</title></head><body> <script language="javascript">//方法1//使用普通方法function add1(a,b){return a+b;}alert(add1(1,2));//方法2//构造函数方式定义javascript函数var add2=new Function('a','b','return a+b');alert(add2(3,4));//方法3//使用函数直接量的方式定义函数var add3=function(a,b){return a+b;}alert(add3(5,6));</script></body></html>

以上就是Js的基础知识的大致回顾

转载请注明出处：http://blog.csdn.net/acmman/article/details/47806539

【JavaScript】javaScript基础知识回顾相关推荐

Java基础知识回顾之七 ----- 总结篇
前言在之前Java基础知识回顾中,我们回顾了基础数据类型.修饰符和String.三大特性.集合.多线程和IO.本篇文章则对之前学过的知识进行总结.除了简单的复习之外,还会增加一些相应的理解. 基础数 ...
php基础知识总结大全,php基础知识回顾 —— 常量
您现在的位置是:网站首页>>PHP>>php php基础知识回顾 -- 常量发布时间:2019-01-23 17:23:08作者:wangjian浏览量:489点赞量:0 在 ...
java知识点博客园_JAVA基础知识回顾
JAVA基础知识回顾一.背景介绍 JavaSE(J2SE)(Java2 Platform Standard Edition,java平台标准版) JavaEE(J2EE)(Java 2 Platfo ...
C语言基础知识回顾 2-三种基本机构
C语言基础知识回顾 %超适用于计算机二级% 第二章三种基本结构本章回顾最基本的顺序.条件.循环语句的语法结构,对于非初学者来说,这一部分内容想必早就信手拈来. 因此,回顾的侧重点都是一些需要注意的 ...
【Java基础知识回顾篇】之打怪升级Day001
Java基础知识回顾篇之打怪升级Day001 目录 Java基础知识回顾篇之打怪升级Day001 简介一.为什么现在主流的是Java8和Java11? 二.简单尝试编写java程序 1.编写一个He ...
JavaScript笔记基础知识总结2
本文主要概括总结javascript的Object 1.产生Object的方法: 第一种: 1 var obj = {name:"lishan",age:23,email:&quo ...
JavaScript入门基础知识
JavaScript入门基础学习 1.三种引用JavaScript的方式 1.1行内式 <input type = "button" value="点我试试&quo ...
javascript的基础知识
/*module("基础知识测试-Math函数用法", { setup : function() { ok(true, "基础知识测试-Math函数用法-开始&qu ...
前端开发入门：html和css基础知识回顾2
HTML+CSS基础知识 1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被 ...
Java基础知识回顾之一 ----- 基本数据类型
前言在开始工作至今,学习各种各样的技术之中发现自己的很多Java的基础知识都忘了⊙﹏⊙b汗... 而且越是学习越是发现Java基础的重要性,所以准备单独抽一下时间进行Java基础的重新学习.在重新学 ...

【JavaScript】javaScript基础知识回顾

【JavaScript】javaScript基础知识回顾相关推荐

最新文章

热门文章