>웹 프론트엔드 >JS 튜토리얼 >JavaScript 구문 기초.js를 배우고 싶은 친구는 Look_basic 지식을 가져갈 수 있습니다.

JavaScript 구문 기초.js를 배우고 싶은 친구는 Look_basic 지식을 가져갈 수 있습니다.

WBOY
WBOY원래의
2016-05-16 18:39:08962검색

1: JavaScript는 대소문자를 구분합니다
2: 각 JavaScript 문은 C 언어와 마찬가지로 ";"으로 끝나야 합니다.
3: 출력: document.write("string") ---> 출력할 수도 있습니다 해당 HTML 태그
4: 양식의 색상 변경 document.bgColor="red";
4: 유형 변환:parseInt,parFloat
5:Random 함수:parseInt(Math.random()* 90 10 ) 10에서 100까지의 난수 생성
5: 팝업 대화 상자: 경고("프롬프트 내용")
5: if...else, for, while, 대소문자 전환
5: 배열 정의 방법:
1) 1차원 배열:
a=new Array(); [배열 정의 시 길이를 지정할 필요가 없습니다.]
a[0]=1; a[1]=1 ;
a[2]=1;
s=0
for(i=0;i{ s = a[i];
}
2) 2차원 배열:
city=new Array();
city[0]=new Array("후베이성", "우한");
city[1] =new Array("후베이성","셴타오");
city[2]=new Array("후베이성","홍후")
city[3]= new Array("푸젠성" ,"광저우");
city[4]=new Array("푸젠성","샤먼")
city[5]=new Array("푸젠성", "Zhangzhou");
5: JavaScript의 함수, 함수 호출 및 변수 범위
6: 쿼리 대화 상자 팝업: 확인("쿼리 내용")
7: 양식을 닫습니다. window.opener=null ;window.close();
8: 폼 열기:
1) 변수 이름 = window.open ("웹페이지 이름") 새 창 열기
2) 변수 이름 = window.open( "웹페이지 이름", "이름", "height=200px, width=300px")
3) 창을 열고 화면 중앙에 팝업
t=window.open(' dotest.htm','test',' height=400px,width=500px');
t.moveTo((screen.width-500)/2,(screen.height-400)/2;
4)window.location="url" 아니요 새 창이 열립니다.
5) 모달 형식으로 팝업
window.showModalDialog('dotest.htm','','dialogWidth=600px;dialogHeight=500px ');
9: 양식 새로 고침:
window.location.reload()
10: 이 양식의 양식 요소 값 가져오기: form name.element name.value
11 : 다른 폼에서 접근하는 방법 이전 폼의 폼 요소
A: 모달 폼:
소스 폼
1) window.showModalDialog('dotest.htm',window,'dialogWidth=600px;dialogHeight =500px') ;
이름은 반드시 적어야 합니다.
2)window.dialogArguments.form1.txtuser.value
B: 비모달 형식:
소스 형식:
window .open
대상 폼:
window.opener.form name.form 요소 이름.값
12: 모달 폼을 통해 상위 폼에 값을 반환하는 방법:
소스 폼:
t =window.showModalDialog(parameter)
alert(t)
대상 형식:
window.returnValue=value;window.opener=null;window.close()
13: 방법 close 하위 양식 동안 상위 양식 새로 고침
A) 비모달 창
소스 페이지:
window.open("page")
대상 페이지:
window.opener.location .href =window.opener.location.href;
window.opener=null;window.close();
B) 모달 창
소스 페이지:
window.showModalDialog();- --- ---일시 중지 코드 사용
window.location.reload();
대상 페이지:
window.opener=null;window.close()
14: 상태 설정 열 텍스트: window .status
15) 문자열을 숫자 값으로 변환:parseInt("String"), parseFloat("String")
16) 현재 시간 가져오기
var date=new Date( )
document .write(date.toLocaleTimeString());
17): 현재 날짜 가져오기:
var date=new Date()
document.write(date.toLocaleDateString() )
18 ): 이전 페이지로 돌아갑니다.새로고침되지 않는다는 점에 유의하세요
history.go(-1)
19: 개체의 배경색 변경
this.style.BackgroundColor='yellow',
this.style.color= '텍스트 색상'
20: 홈페이지로 설정:
this.style.behavior='url(#default#homepage)';this.setHomePage('your webpage')
21); code 몇 분 후에 자동으로 프로세스를 반복 실행합니다.
setInterval("js code",1000)
예: 배경이 계속 변경되도록 합니다. [페이지가 매우 심하게 깜박입니다.]
var index=1; >function ChangePic()
{
form1.p1.src=index ".jpg";
index=index 1
if (index==4)
{
index =1;
}
}
setInterval("ChangePic(index)",1000)
개선 사항: [배열을 먼저 정의하고 메모리에 그림을 미리 로드합니다.]
pic=new 배열(4);
pic[0]=new Image();
pic[1]=new Image()
pic[2]=new Image(); ]=새 이미지();
pic[0].src="1.jpg"
pic[1].src="2.jpg"
pic[2].src=" 3.jpg";
pic[3].src="4.jpg";
함수 ClearText()
{
form1.p1.src=pic[index].src;
index=index 1;
if (index==4)
{
index=1;
}
}
setInterval("ClearText(index)",1000);
23): 특정 시간이 지나면 지정된 코드를 한 번만 실행합니다.
setTimeout("js code",1000)
24): 모든 텍스트 상자의 텍스트를 지웁니다. 양식
for(i=0;i{
if (form1.elements[i].type=="text") {
form1 .elements[i].value="";
}
}
25) 실행 파일을 실행합니다.
obj=new ActiveXObject("wscript.shell")
obj . run("calc.exe");
26) Java 스크립트의 이벤트
A)onmouseove: 마우스 도착
B)onmouseout: 마우스 종료 이벤트
C)onclick: 클릭 이벤트
D)onKeypress: 키를 눌렀을 때 event.keyCode를 통해 누른 키의 Asii 코드를 얻을 수 있습니다
E) 로드 이벤트:
에 직접 코드를 작성하는 것은 Load 이벤트
F와 동일합니다. )onsubmit :폼이 제출되면 양식 제출 이벤트가 트리거됩니다
원리: 사용자가 제출 버튼을 누르면 양식의 onsubmit 이벤트가 트리거됩니다. 이 경우, 사용자가 반환한 값(true, false)을 기준으로 양식을 제출해야 하는지 여부를 판단하여, true이면 제출하고, false이면 제출하지 않습니다. 우리는 종종 데이터 검증을 수행하는 기능을 사용합니다.
예:
1)
텍스트 이동2)
57) event.keyCode=0;">//숫자만 입력 가능참고: 양식 요소의 모든 경우에 return false가 이벤트
25: 정규 표현식:
은 입력이 특정 와일드카드 문자를 충족하는지 감지하는 데 사용되는 DOS의 와일드카드 문자와 같습니다.
^: 줄의 시작을 나타냅니다.
$: 문자 줄의 끝을 나타냅니다.
[]: 허용되는 문자를 정의하는 데 사용됩니다.
[a-z]: 소문자 허용을 나타냅니다.
[A-Z]: 대문자를 나타냅니다.
[0-9]: 숫자가 허용됨을 나타냅니다.
[0-9,_,a]: 숫자, 밑줄 또는 문자 a가 허용됨을 나타냅니다.
[a-zA-Z0- 9]: 영문자와 숫자 모두 허용됨을 나타냅니다.
[ ^]: 허용되지 않는 문자
[^a-z]: 허용되지 않는 영문자
{}: 반드시 입력해야 하는 문자 수를 정의하는 데 사용됩니다.
{3}: 3자여야 합니다. {4,8}: 4자 이상 8자 이하
[0-9]{3}: 숫자 3자를 입력해야 합니다.
[a-zA -Z]{4,6}: 영문 4~6자 이상 입력해야 합니다.
{n,}: n자 이상 입력 가능함을 나타냅니다.
[a-z]{0,}:表示可以接受0个或多个英文字母
[a-z]{1,}:表示可以接受至少1个英文字母
+:匹配前面字符的1次或多次-----相当于{1,}
*:匹配前面字符的0次或多次-----相当于{0,}
.:表示任意字符
举例:
frm1.user.value.match("^[0-9a-zA-z]{5,8}$")
26:如何利用Js对表单元素进行控制:
A:文本框:
1)得到文本框的文本:
表单名.表单元素名.value
2)获得焦点:
表单名.表单元素名.focus()
B:按钮:
1)使按钮不可用:
表单名.按钮名.disabled=true (true,不可用;false 可用)
2)使按钮不可见:
表单名.按钮名.style.display="none" 不可见
表单名.按钮名.style.display="" 可见
if (表单名.按钮名.style.display=="") 如果可见
C)单选框:
得到单选框所选中的值 [各个单选框的名称一定要一样,值不一样]
for(i=0;iif (单选框数组[i].checked) break;
返回 单选框数组[i].value就行了

D):得到所有打勾的复选框的值
for(i=0;iif (复选框数组[i].checked) 执行对应的语句
E):下拉框
A)得到所选中的值-->下拉框.value
B)删除里面的全部内容----->下拉框.length=0;
C)删除里面的指定项--->下拉框.options.remove(下标);
D)往里面添加一项----->下拉框.options[下拉框.length]=new Option("标签","值");
注意下拉框的options是一个数组,用来存储所有选择,下标是从零开始的
E)selectedIndex:得到或设置所选中的项的下标
F)options[k].value:得到第i项的值
G)onchange事件:当选中项发生改变时,触发

举例:在客户端实现两个下拉框的联动[注意定义一维数组]
city=new Array();
city[0]=new Array("湖北省","武汉");
city[1]=new Array("湖北省","仙桃");
city[2]=new Array("湖北省","洪湖");
city[3]=new Array("福建省","广州");
city[4]=new Array("福建省","厦门");
city[5]=new Array("福建省","漳州");
27:创建一个模块的js的文件,然后在页面中来调用
A)直接新建一个*.js文件:
直接写上函数,不用加来引用
28:多个对像共享同一个事件:


第四章:C#.net语法基础
在这一章中,你将要学习以下一些内容
1:编写asp.net语言的选择
2:vs.net 2005 界面技巧
3:如何在页面中加入服务器端代码
4:如何在页面中导入命名空间
5:C#.net语法基础
6:动态的由服务器端向客户端加入javascript


编写asp.net语言的选择:

编写asp.net程序,net为我们提供了以下几种语言vb.net,c#.net,j#.net其中vb.net语言是最简单,最容易学的语言,它继承了vb的大部分语法,同时又加入了一整套.net framework,利用vb.net开发asp.net程序是最容易的一门的语言C#.net是整个.net的核语言,它继承了c,c++的大部分语法,较vb.net有点复杂,但是执行程序的效率比vb.net更高,j#.net是继承了javascript的大部分语法,一般很少用。我们选择C#.net语言作来开发asp.net程序的语言

vs.net 2005 界面技巧
1)设置显示解决方案---------:工具--选项-->项目和解决方案-->常规
2)对单网页可以进行生成,不需要对整个项目进行生成
3)设计模式与源文件模式(html模式),后代码模式(类),让页面一加载时自动显示设计模式
4)文档大纲窗口:可以清楚层现html标签的层次关系:视图-->其它窗口--->文档大纲
5)Html标签导航:切换到源文件模式,单右-->选择最下面的"选中html标签"
6)源文件模式下控件拖曳
7)多文档页面显示------ctrl+tab可以在不同文档之间切换
8)Asp.net网站特殊文件夹:
A:App_Code用来存放代码文件(比如:*.cs,类文件)
B:App_Date用来存放网站数据文件(数据库文件,xml文件等)
C:还有很多其它的特殊文件夹
9)程序代码重构:
A:重构属性
B:重构方法
10)Asp.net网站的动态编译:
A:当asp.net第一次运行时,IIs会自动为asp.net生成一个dll,所以第一次非常慢
以后只要文件的内容的没有发生改变,IIs就会延用上一次生成的dll,不会再次生成
新的dll,所以第一次运行慢,以后运行快
B:如果asp.net的源文件内容一旦发生改变,则IIs会重新生在一个dll,利用这个特点
我们可以在vs.net环境中写程序,而在IIs中直接打开网站后刷新即可

如何在页面中加入服务器端代码
C#.net只能被服务器端的IIS来编译执行,所以C#.net语言是一定要运行于服务器端
A:直接把代码加入"后代码文件"的事件里面[采用CodeBehind]
B:直接把代码加入"页面文件"里面此时一定要加来限制 [采用CodeBeside]
1)如果是单纯的C#代码,可以直接用括起来,并且可以有多个
2)如果是函数,则一定要紧跟在命令符下面,并按照如下的格式:

3)如果要得到一个变量的值,可以写上
比如:
今天是:

如何在页面中导入命名空间
1)在代码文件中:使用using语句
2)在页面文件中:使用
位置在 的下面


C#.net的语法基础
C#.net的数据类型:
Int,Double,String,Char,object数据类型(相当于vb里面的变体类型)
定义变量:
类型标识符 变量名;
给变量赋初值:
可以在定义的时候,给变量赋初值---Int a=5;
也可以在定义之后,给变量赋初值
运算符:
a):赋值运算符:=
b):算术运算符:+,-,*,\(整除),%(余)
c):字符串联接符:+
d):关系运算符:>,>=,e):逻辑运算符:&&,||,!
f):复合运算符:x+=3,x*=6等

asp.net的输入和输出:
a):输出
1):输出单纯的字符串: response.write("字符串");
2):输出html标记:response.write("html标记")[重要重要]
比如:Response.Write("我的链接")
3):输出js脚本:Response.Write("<script>js代码</script>");
4):输出当前的日期和时间:
Response.Write(DateTime.Now.ToLongTimeString()):时间
Response.Write(DateTime.Now.ToLongDateString()):日期
b):输入:利用控件进行输入比如:textbox控件等

if 语句,select case语句
举例:
A)让用户输入两个数和一个操作符,求出运算结果
B)让用户输入三门功课求出平均分和总分并根据求出的结果判断优,良,差
C)根据星期把对应的背景图片换成是"星期"的图片

循环语句:for,while循环
举例:
A)输出Moon1.gif~Moon8.gif这几个文件里面的图片
B)利用表格打印九九乘法表
C)实现掷骰子游戏
7:数组:
1):声明与初始化
静态数组的声明与初始化:
string[] NameList = new string[6];
进行初始化
string[] NameList=new string[5] {"张三","李四","王五","赵六","王七"};
动态数组的初始化:
string[] NameList=new string[] {"张三","李四","王五","赵六","王七"};
2):数组.length:用来读出数组的长度
举例:
A)定义姓名,语文,数学,化学数组,通过函数与表格求出总分与平均分
B)利用数组和表格打印出一些商品的列表清单

8:哈希表(HashTable):是一种两栏数据结构。한 열은 키(Key)이고 다른 열은 값(Value)입니다.
해시 테이블 만들기:
Hashtable has = new Hashtable()
데이터 추가:
has.add ("Key" , value)
지정된 키의 값 가져오기
has["key"]
키가 이미 존재하는지 확인
has.ContainsKey("key")
삭제 키
has.Remove("key")
모든 키 지우기
has.clear()
해시 테이블의 내용에 액세스:
Hashtable ht = new Hashtable();
foreach(ht의 DictionaryEntry 항목)

26: 클라이언트측 자바스크립트를 서버에 동적으로 추가(웹 컨트롤) [중요]
이전 메서드는 미리 작성된 함수를 기반으로 한 후 호출되었습니다. 하지만 때로는 클라이언트에서 처리하기 위해
서버의 데이터가 필요할 수도 있습니다. 이때 클라이언트
메서드에 동적으로 코드를 추가해야 합니다.
Page_Load에 쓰기를 수행합니다. 이벤트:
js를 등록하는
1:RegisterClientScriptBlock("chen", js) 메서드
일부 j가 등록되었는지 확인하는 2:IsClientScriptBlockRegistered("chen") 메서드를 사용하여
js가 반복적으로 등록되는 것을 방지합니다.
예:
1) 데이터베이스에서 직원 정보를 읽어 클라이언트의 js에 넣습니다. 형식은 다음과 같습니다.
Worker=new Array()
Worker[0]=new Array('Zhang San','BM1')
Worker[1]=new Array('Li Si ',' BM1');
Worker[2]=new Array('Wang Wu','BM2')
Worker[3]=new Array('Zhao Liu','BM2'); 🎜>2 ) 데이터베이스를 통해 두 개의 드롭다운 상자 연결을 실현합니다(새로 고침 없음).

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.