ajax基础Word文件下载.docx
《ajax基础Word文件下载.docx》由会员分享，可在线阅读，更多相关《ajax基础Word文件下载.docx（32页珍藏版）》请在冰豆网上搜索。
里面的alert是弹出.而var是定义变量用的,像PHP用$来定义变量一样的道理
变量名要遵守两条简单的规则
1.第一个字符必需是字母.下划线_或美元符号$
2.余下的字符可以是下划线.美元符号,任何字母或数字字符.
3.举例:
test$Test_ty212$%34
4.变量使用前可以不声明
5.vartest=“Hello”;
6.Test1=test+”world”;
7.alert（Test1）;
//输出了”Helloworld”
关键字
1.breakelsenewvar
2.casefinallyreturnvoid
3.catchforswitchwhile
4.continuefunctionthiswith
5.defaultifthrow
6.deleteintry
7.doinstanceoftypeof
关键字是不可以作为变量名和含数名的
举例:
varnew="
kkkk"
alert（test）;
//输出ted
test=23;
//输出23
出错了不可以输出
运算符
算术运算符:
+,-,*,/,%,++,--
关系运算符:
<
>
=,<
=,==,!
=
布尔逻辑运算符:
!
&
&
||
赋值运算符:
=扩展赋值运算符:
+=,--=,*=,/=
If判断语句
varok=123;
if（ok=123）{
alert（"
呵呵是101哦"
//弹出
}
else{
no"
//否则输出
得出结果
输出的时候一定要加入双引号.document.write（"
）不然会出错
ajax里面引用php的变量方法
1.方法一:
如果单引号来括起ajax的代码那么输出变量的时候就要这样写'
.$oo.'
单引号
得出的结果是:
哈哈
2.方法二
如果双引号来括起ajax的代码那么输出变量的时候就要这样写\"
$oo\"
得出的也是:
哈哈
For循环
$oo="
哈哈"
for（varok=0;
ok<
=10;
ok++）{
document.write（ok）;
得出结果自己看吧,12345678910
本页面输出
第一种方法
echo$_GET["
k"
];
formaction="
"
method=get>
内容:
inputtype="
text"
name=k>
br>
--提交内容-->
submit"
value="
提交"
/form>
--//action="
提交地址.method=提交方式-->
$_GET方法里面写name等于的名字
action="
提交地址.提交地址如果是在接收本页.不用写,直接留空格就行了.
method=提交方式输入get就行了
第二种方法
echo$_POST["
method=post>
$_POST里面写的是name的属性名字k
提交地址.提交地址如果是在本页接收,不用写,直如果写本页也可以method=提交方式输入post就行了
在本页面里加入css里面输出实例
$yu=$_POST["
kdi"
echo'
formmethod="
post"
action="
<
textareacols="
45"
rows="
5"
name="
/textarea>
/>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
测试<
styletype="
text/css"
--
.jg{
border:
1pxsolid#999900;
height:
50px;
width:
250px;
}
-->
/style>
body>
pclass="
jg"
phpecho$yu;
/p>
/body>
得出的结果就是在本页面里面接收的啦~~~
建立XX.css文件可以在任意的页面里面调用.
方法
然后保存
如果要用到css可以在设置好的css文件里面的调用.调用的方法,在
里面找到然后选择你设置过的css文件就可以设置用了..
break终止
if（ok==5）
break;
这里是5到这里停."
01234这里是5到这里停.
这段的意思PHP里面有,不过在这里还是要说一下,他的意思是说到了5他就输出:
到这里终止"
后面的就不输出了….
new语句（读作牛）
functionok（aa,bb,cc）{
this.aa=aa
this.bb=bb
this.cc=cc
newemp=newok（"
h1"
"
h2"
h3"
//h1赋给了aa,h2赋给了bb,h3赋给了cc
document.write（"
我:
+newemp.aa+"
//输出了aa,
你:
+newemp.bb+"
//输出了bb
他:
+newemp.cc）;
//输出了cc
效果
h1
h2
h3
还可以用for...in语句来这样
this.aa=aa
this.bb=bb
this.cc=cc
h1<
h2<
h3<
for（xinnewemp）
document.write（newemp[x]）;
这里面this.不可以改成var哦
代码屏蔽
有些浏览器不能有很好的支持Javascript，在这些浏览器中，需要将Javascript代码屏蔽，否则，浏览器会把Javascript代码与Web页面的其他内容一起显示在屏幕上，可以将<
script>
标签对中的内容用HTML的注释标记（<
--和//-->
）括起来，
Alert（newdate（））;
//-->
这样，支持<
的浏览器将忽略嵌入在<
标签对中的HTML注释符，会继续执行注释符之间的脚本程序
Date对象
1.Date是内置对象,包含日期和时间信息.
2.Date对象无属性,但有许多方法可以用来设置,获取和操作日期
用法
DateObject=newDate（parameters）
Set方法组.
get方法组
to方法组
parse和UTC方法组
Javascript事件
1.Onchange改变事件
2.OnClick鼠标单激事件
3.Onfocus事件获得交点的事件
4.Onmouseover鼠标经过事件
5.Onmouseout鼠标移出事件
6.Onload页面加载之后的事件
7.Onsubmit提交之后的一个事件
8.Onmousedown鼠标按下之后的一个事件
9.Onmouseup鼠标抬起之后的事件
10.Return返回的意思
。
onchange
无闪输入刷新?
functionok（num）{
if（num==1）{
document.getElementById（"
rr"
）.innerHTML="
d"
//innerHTML是html的标签.如果你用div一定要像这样写不然会出错..
}
elseif（num==2）{
else{
你输入的是..."
--把这段表单的值传给ok-->
size=20id="
kk"
onchange="
ok（document.getElementById（'
kk'
）.value）"
divid="
/div>
--用onchange这个来记录当前表单输入的值-->
在第一个里面输入信息然后点激空白页面就可以得到右边的信息
你也以让右边的输出图片等等...用于注册的时候判断更有用...
●无闪刷新输出数据库里面的信息onMouseOver事件示例
$uo=mysql_connect（"
127.0.0.1:
3306"
root"
//连接数据库
$yu="
select*fromnu"
$ovt=mysql_db_query（"
test"
$yu,$uo）;
$wq=mysql_fetch_array（$ovt）;
$ltth=$wq[id];
//连接完成
//js开头
functionlok（num）{
if（num==1）{//判断是否等于1
igg"
phpecho$ltth?
//
}//innerHTML是html的标签.如果你用div一定要像这样写不然会出错..
if（num==2）{
你的鼠标经过2"
//输出:
你的......
if（num==3）{
你的鼠标经过3"
//输出你的....
functionout（）{
document.getElementById（"
//输出空格
--当鼠标经过离开-->
--当鼠标离开-->
ahref="
#"
onMouseOver="
lok
（1）"
onmouseout="
out（）"
1<
/a>
--里面的#是让1有连接到#-->
lok
（2）"
2<
lok（3）"
3<
--这是css的写法-->
onMouseOver的意思说是当鼠标经过的时候就会输出指定的参数
Onmouseout当鼠标离开-的时候....
输出图片,刷新是看不到图片输出的,,要用属标经过才可以
$ltth1="
1.gif"
$ltth2="
2.gif"
$ltth3="
3.gif"
functionloading（）{
iiok"
）.style.display="
none"
//style样式的意思display是层的显示和隐藏none隐藏的意思这些是css里面的知识
iiokimg"
）.src="
phpecho$ltth1?
//.getElementById（"
）.src指定的意思
if（num==2）{//判断是否等于2
phpecho$ltth2?
//document.forms输出
if（num==3）{//判断是否等于3
phpecho$ltth3?
bodyonload="
loading（）"
11
imgid="
--输出图片用的图片域-->
ahref=#onMouseOver="
--里面的#是让1有连接-->
--onMouseOver鼠标经过,lok我定义的-->
hidden隐藏visible可见
hidden里面他还上占他原有的空间Visible可见是这样咯
里面的display="
就是隐藏.显示是无
输入口令正确就显示边距
if（num==5161201）{
Layer1"
）.className="
hg"
//
）.src=（"
--this.value接收本表单的值-->
口令:
size="
20"
id="
ok（this.value）"
imgsrc="
--输出-->
--用onchange这个来记录当前表单输入的值-->
论文<
.hg{
position:
absolute;
left:
68px;
top:
80px;
543px;
183px;
z-index:
1;
1pxsolid#00CC33;
回家看看是不是浏览器输出的不同
常用的输出的时候要注意document.getElementById
第一种:
.value=
输出在表单里面
ID"
）.value="
内容"
第二种:
src=
输出图片域的如:
想图片输出在这里面<
就要这样写document.getElementById（"
kk"
）.src="
XX.jpg"
第三种:
className=
输出是css
—
.ok{
XXX.........
.La{
ok"
.
就要这样写document.getElementById（"
ok"
.La.ok"
注意这里面的.La.ok是上面的定义css注意中间要加空格
第四种.隐藏style.display=
document.getElementById（"
里面的display
是这里的标签如果要用到隐藏的话要用这个display然后等于=none就是隐藏了.如果你用上面的hidden隐藏就不好了.因为hidden隐藏是要占空间的..
在每个标签（不管是div,img）都有个style属性
ok
（1）;
--当浏览器打开的时候默认输出ok
（1）-->
是否确定
OnClick鼠标单激事件
echo$_POST['
a'
]."
b'
method="
POST"
onsubmit="
returnconfirm（'
您确定要继续吗?
a"
textareaname="
b"
cols="
40"
提交的时候会弹出是否确定
●Onchange改变事件
functioncheckNum（num）{
if（num=="
）{
alert（"
请输入ID"
returnfalse;
//返回的意思
if（isNaN（num））{
请输入密码"
returnfalse;
elsealert（"
谢谢"
bodybgcolor="
white"
form>
请输出:
checkNum（this.value）"
触发条件：
当前元素失去焦点并且元素的内容发生改变而触发此事件
Onfocus/onBlur事件获得交点的事件
lavender"
inputtype=textname=text1onblur="
（document.bgColor='
aqua'
）"
onfocus="
gray'
/ht
升级会员 