js代碼和js函數（js是函數式編程語言嗎）

本文目錄一覽：

1、怎麼編寫和調用js文件
2、求一段JS的函數代碼….
3、javascript代碼是否就是源碼?和函數有何區別?
4、js函數編寫及調用
5、Js編程語言中，自調用函數是什麼？舉個Js代碼例子解釋一下！
6、使用JS函數簡化代碼

怎麼編寫和調用js文件

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，填充問題基礎代碼。

2、在index.js中，實現func1和func2函數。

3、在index.html中，新增第3個button，並調用func3()方法，並在script標籤中輸入js代碼：

function func3() {

$(‘body’).append(‘use func3br/’);

}

4、瀏覽器運行index.html頁面，此時點擊「函數3」按鈕，能正常執行func3函數來輸出內容。

求一段JS的函數代碼….

1:js 字元串長度限制、判斷字元長度、js限制輸入、限制不能輸入、textarea 長度限制

2.:js判斷漢字、判斷是否漢字、只能輸入漢字

3:js判斷是否輸入英文、只能輸入英文

4:js只能輸入數字,判斷數字、驗證數字、檢測數字、判斷是否為數字、只能輸入數字

5:只能輸入英文字元和數字

6: js email驗證、js 判斷email 、信箱/郵箱格式驗證

7:js字元過濾,屏蔽關鍵字

8:js密碼驗證、判斷密碼

2.1: js 不為空、為空或不是對象、判斷為空、判斷不為空

2.2:比較兩個表單項的值是否相同

2.3:表單只能為數字和」_」,

2.4:表單項輸入數值/長度限定

2.5:中文/英文/數字/郵件地址合法性判斷

2.6:限定表單項不能輸入的字元

2.7表單的自符控制

2.8:form文本域的通用校驗函數

1. 長度限制

script

function test()

{

if(document.a.b.value.length50)

{

alert(」不能超過50個字元！」);

document.a.b.focus();

return false;

}

/script

form name=a onsubmit=」return test()」

textarea name=」b」 cols=」40″ wrap=」VIRTUAL」 rows=」6″/textarea

input type=」submit」 name=」Submit」 value=」check」

/form

2. 只能是漢字

input onkeyup=」value=」/oblog/value.replace(/[^\u4E00-\u9FA5]/g,」)」

3.」只能是英文

script language=javascript

function onlyEng()

{

if(!(event.keyCode=65event.keyCode=90))

event.returnvalue=false;

}

/script

input onkeydown=」onlyEng();」

4. 只能是數字

script language=javascript

function onlyNum()

{

if(!((event.keyCode=48event.keyCode=57)||(event.keyCode=96event.keyCode=105)))

//考慮小鍵盤上的數字鍵

event.returnvalue=false;

}

/script

input onkeydown=」onlyNum();」

5. 只能是英文字元和數字

input onkeyup=」value=」/oblog/value.replace(/[\W]/g,」」) 「onbeforepaste=」clipboardData.setData(』text』,clipboardData.getData(』text』).replace(/[^\d]/g,」))」

6. 驗證郵箱格式

SCRIPT LANGUAGE=javascript RUNAT=Server

function isEmail(strEmail) {

if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)

return true;

else

alert(」oh」);

}

/SCRIPT

input type=text onblur=isEmail(this.value)

7. 屏蔽關鍵字(這裡屏蔽***和****)

script language=」javascript1.2″

function test() {

if((a.b.value.indexOf (」***」) == 0)||(a.b.value.indexOf (」****」) == 0)){

alert(」:)」);

a.b.focus();

return false;}

}

/script

form name=a onsubmit=」return test()」

input type=text name=b

input type=」submit」 name=」Submit」 value=」check」

/form

8. 兩次輸入密碼是否相同

FORM METHOD=POST ACTION=」”

input type=」password」 id=」input1″

input type=」password」 id=」input2″

input type=」button」 value=」test」 onclick=」check()」

/FORM

script

function check()

{

with(document.all){

if(input1.value!=input2.value)

{

alert(」false」)

input1.value = 「」;

input2.value = 「」;

}

else document.forms[0].submit();

}

/script

夠了吧 :)

屏蔽右鍵很酷

oncontextmenu=」return false」 ondragstart=」return false」 onselectstart=」return false」

加在body中

二

2.1 表單項不能為空

script language=」javascript」

!–

function CheckForm()

{

if (document.form.name.value.length == 0) {

alert(」請輸入您姓名!」);

document.form.name.focus();

return false;

}

return true;

}

–

/script

2.2 比較兩個表單項的值是否相同

script language=」javascript」

!–

function CheckForm()

if (document.form.PWD.value != document.form.PWD_Again.value) {

alert(」您兩次輸入的密碼不一樣！請重新輸入.」);

document.ADDUser.PWD.focus();

return false;

}

return true;

}

–

/script

2.3 表單項只能為數字和」_」,用於電話/銀行帳號驗證上,可擴展到域名註冊等

script language=」javascript」

!–

function isNumber(String)

{

var Letters = 」1234567890-」; //可以自己增加可輸入值

var i;

var c;

if(String.charAt( 0 )==』-‘)

return false;

if( String.charAt( String.length – 1 ) == 』-』 )

return false;

for( i = 0; i String.length; i ++ )

{

c = String.charAt( i );

if (Letters.indexOf( c ) 0)

return false;

}

return true;

}

function CheckForm()

{

if(! isNumber(document.form.TEL.value)) {

alert(」您的電話號碼不合法！」);

document.form.TEL.focus();

return false;

}

return true;

}

–

/script

2.4 表單項輸入數值/長度限定

script language=」javascript」

!–

function CheckForm()

{

if (document.form.count.value 100 || document.form.count.value 1)

{

alert(」輸入數值不能小於零大於100!」);

document.form.count.focus();

return false;

}

if (document.form.MESSAGE.value.length10)

{

alert(」輸入文字小於10!」);

document.form.MESSAGE.focus();

return false;

}

return true;

}

//–

/script

2.5 中文/英文/數字/郵件地址合法性判斷

SCRIPT LANGUAGE=」javascript」

!–

function isEnglish(name) //英文值檢測

{

if(name.length == 0)

return false;

for(i = 0; i name.length; i++) {

if(name.charCodeAt(i) 128)

return false;

}

return true;

}

function isChinese(name) //中文值檢測

{

if(name.length == 0)

return false;

for(i = 0; i name.length; i++) {

if(name.charCodeAt(i) 128)

return true;

}

return false;

}

function isMail(name) // E-mail值檢測

{

if(! isEnglish(name))

return false;

i = name.indexOf(」 at 」);

j = name dot lastIndexOf(」 at 」);

if(i == -1)

return false;

if(i != j)

return false;

if(i == name dot length)

return false;

return true;

}

function isNumber(name) //數值檢測

{

if(name.length == 0)

return false;

for(i = 0; i name.length; i++) {

if(name.charAt(i) 」0″ || name.charAt(i) 」9″)

return false;

}

return true;

}

function CheckForm()

{

if(! isMail(form.Email.value)) {

alert(」您的電子郵件不合法！」);

form.Email.focus();

return false;

}

if(! isEnglish(form.name.value)) {

alert(」英文名不合法！」);

form.name.focus();

return false;

}

if(! isChinese(form.cnname.value)) {

alert(」中文名不合法！」);

form.cnname.focus();

return false;

}

if(! isNumber(form.PublicZipCode.value)) {

alert(」郵政編碼不合法！」);

form.PublicZipCode.focus();

return false;

}

return true;

}

//–

/SCRIPT

2.6 限定表單項不能輸入的字元

script language=」javascript」

!–

function contain(str,charset)// 字元串包含測試函數

{

var i;

for(i=0;icharset.length;i++)

if(str.indexOf(charset.charAt(i))=0)

return true;

return false;

}

function CheckForm()

{

if ((contain(document.form.NAME.value, 」%」)) || (contain(document.form.MESSAGE.value, 」%」)))

{

alert(」輸入了非法字元」);

document.form.NAME.focus();

return false;

}

return true;

}

//–

/script

1. 檢查一段字元串是否全由數字組成

—————————————

script language=」Javascript」!–

function checkNum(str){return str.match(/\D/)==null}

alert(checkNum(」1232142141″))

alert(checkNum(」123214214a1″))

// –/script

2. 怎麼判斷是否是字元

—————————————

if (/[^\x00-\xff]/g.test(s)) alert(」含有漢字」);

else alert(」全是字元」);

3. 怎麼判斷是否含有漢字

—————————————

if (escape(str).indexOf(」%u」)!=-1) alert(」含有漢字」);

else alert(」全是字元」);

4. 郵箱格式驗證

—————————————

//函數名：chkemail

//功能介紹：檢查是否為Email Address

//參數說明：要檢查的字元串

//返回值：0：不是 1：是

function chkemail(a)

{ var i=a.length;

var temp = a.indexOf(』@’);

var tempd = a.indexOf(』.’);

if (temp 1) {

if ((i-temp) 3){

if ((i-tempd)0){

return 1;

}

return 0;

}

5. 數字格式驗證

—————————————

//函數名：fucCheckNUM

//功能介紹：檢查是否為數字

//參數說明：要檢查的數字

//返回值：1為是數字，0為不是數字

function fucCheckNUM(NUM)

{

var i,j,strTemp;

strTemp=」0123456789″;

if ( NUM.length== 0)

return 0

for (i=0;iNUM.length;i++)

{

j=strTemp.indexOf(NUM.charAt(i));

if (j==-1)

{

//說明有字元不是數字

return 0;

}

//說明是數字

return 1;

}

6. 電話號碼格式驗證

—————————————

//函數名：fucCheckTEL

//功能介紹：檢查是否為電話號碼

//參數說明：要檢查的字元串

//返回值：1為是合法，0為不合法

function fucCheckTEL(TEL)

{

var i,j,strTemp;

strTemp=」0123456789-()# 「;

for (i=0;iTEL.length;i++)

{

j=strTemp.indexOf(TEL.charAt(i));

if (j==-1)

{

//說明有字元不合法

return 0;

}

//說明合法

return 1;

}

7. 判斷輸入是否為中文的函數

—————————————

function ischinese(s){

var ret=true;

for(var i=0;is.length;i++)

ret=ret (s.charCodeAt(i)=10000);

return ret;

}

8. 綜合的判斷用戶輸入的合法性的函數

—————————————

script language=」javascript」

//限制輸入字元的位數開始

//m是用戶輸入，n是要限制的位數

function issmall(m,n)

{

if ((mn) (m0))

{

return(false);

}

else

{return(true);}

}

9. 判斷密碼是否輸入一致

—————————————

function issame(str1,str2)

{

if (str1==str2)

{return(true);}

else

{return(false);}

}

10. 判斷用戶名是否為數字字母下滑線

—————————————

function notchinese(str){

var reg=/[^A-Za-z0-9_]/g

if (reg.test(str)){

return (false);

}else{

return(true); }

}

2.8. form文本域的通用校驗函數

—————————————

作用：檢測所有必須非空的input文本，比如姓名，賬號，郵件地址等等。

該校驗現在只針對文本域，如果要針對form裡面的其他域對象，可以改變判斷條件。

使用方法：在要檢測的文本域中加入title文字。文字是在提示信息，你要提示給用戶的該欄位的中文名。比如要檢測用戶名

html如下input name=」txt_1″ title=」姓名」,當然，最好用可視化工具比如dreamweaver什麼的來編輯域。

如果要檢測數字類型數據的話，再把域的id統一為sz.

javascript判斷日期類型比較麻煩，所以就沒有做日期類型校驗的程序了.高手可以補充。

程序比較草，只是提供一個思路。拋磚引玉！：）

哦，對了，函數調用方法：

form onsubmit=」return dovalidate()」

function dovalidate()

{

fm=document.forms[0] //只檢測一個form,如果是多個可以改變判斷條件

for(i=0;ifm.length;i++)

{

//檢測判斷條件，根據類型不同可以修改

if(fm[i].tagName.toUpperCase()==」INPUT」 fm[i].type.toUpperCase()==」TEXT」 (fm[i].title!=」”))

if(fm[i].value=」/blog/=」”)//

{

str_warn1=fm[i].title+」不能為空!」;

alert(str_warn1);

fm[i].focus();

return false;

}

if(fm[i].id.toUpperCase()==」SZ」)//數字校驗

{

if(isNaN(fm[i].value))

{ str_warn2=fm[i].title+」格式不對」;

alert(str_warn2);

fm[i].focus();

return false;

}

return true;

}

javascript代碼是否就是源碼?和函數有何區別?

Green，你好。。。

嗯，你問的是什麼源碼？

javascript是網頁腳本語言，是用來輔助html的網頁做一些其他操作的編程語言。

如果你是看一個網站上的js代碼，那些都是源碼。因為網頁都是要下載下來才能看，配套的js腳本也是一樣，你能看到的javascript代碼都是已經用到的。

至於函數。。。就是可以理解成操作公式，把一堆javascript操作用{}包在一起，就是一個函數。

回頭調用函數的時候就只需要參數和返回值，就能替我執行早就寫好的javascript操作。

順便說一句，函數是廣義的，很多地方都有。

js函數編寫及調用

1.函數直接寫在頁面相當於是本頁調用，所以理所應當可以調用

2.js單獨文件不能調用是因為你沒有引用js文件，如果引用了的話，也是可以調用的。

引用方式，可以直接拖拽（我一般都是拖拽，因為路徑準確），也可以自己寫,引用腳本：script src=”Scripts/JScript.js” type=”text/javascript”/script

3.還有就是，引用的js文件一定要在調用之前，否則就找不到函數了，會報錯或undefined

例如：

調用頁面：

script src=”Scripts/JScript.js” type=”text/javascript”/script

script type=”text/javascript”

aa();

/script

Script.js中代碼：

function aa() {

alert(“js文件掉用”);

}

Js編程語言中，自調用函數是什麼？舉個Js代碼例子解釋一下！

自調用函數：

顧名思義，有2個意思

《1》自行調用的函數：

就是指，函數在頁面載入後或者之前就自行調用，無需藉助其他函數或方法來啟動；

例如：

(function(win){

win.alert(11);

})(window);

《2》自己調用自己的函數：

就是指，遞歸：在一個函數裡面調用自己的函數，當符合一定規則時，跳出自我調用，就是遞歸。

例如：

var fn = function(n){

if(n == 1) return 1;

else return n * fn(n-1);

}

使用JS函數簡化代碼

建議用jquery 一次性綁定事件回調函數中再通過對象的index改變相應的背景圖，代碼會精簡很多

script src=””/script

script

$(function() {

$(“#myUl li”).on(“mouseover”, function () {

$(this).addClass(“current”)

.css(“background-image”, “url(img/0” + ($(this).index() + 1) + “big.jpg)”);

}).on(“mouseout”, function () {

$(this).removeClass(“current”)

.css(“background-image”, “url(img/0” + ($(this).index() + 1) + “.jpg)”);

})

/script

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/230308.html

js代碼和js函數（js是函數式編程語言嗎）

本文目錄一覽：

怎麼編寫和調用js文件

求一段JS的函數代碼….

javascript代碼是否就是源碼?和函數有何區別?

js函數編寫及調用

Js編程語言中，自調用函數是什麼？舉個Js代碼例子解釋一下！

使用JS函數簡化代碼

相關推薦

發表回復