DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
JavaScript基礎知識
>> 分享我學習js的過程 作者aircy javascript學習教程第1/3頁
分享我學習js的過程 作者aircy javascript學習教程第1/3頁
編輯：JavaScript基礎知識
前言：
接觸JS以來，一直沒有好好學完過一本js的書；從今天開始，我將從新開始學習、整理並分享我學習過程中的js代碼。
今後發布的代碼中並不代表全屬於原創，相反很多部分都會源於互聯網，當然也不會少於無憂腳本的。希望大家看了之後不要
在論壇訓斥，畢竟“面斥不雅”！在這裡發布出來，純粹是為了共享給哪些曾經和我一樣，或者正在學習前線的朋友們；同時我
也希望在這裡得到更多人的支持，如果朋友有什麼建議和意見，請多多跟帖。共同探討！thanks！
實例一、
本實例主要介紹了navigator、cookie、screen、location對象、函數調用以及prompt、alert、confirm交互的簡單應用。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> 點擊我 </BODY> </HTML>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
實例二、
本實例主要介紹了event對象和事件的簡單應用。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>mouse</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body onMouseMove="GetPosition();" > 鼠標在文本框中按下:<input type="text" name="textfield" onMouseDown="alert('鼠標在文本框中按下')"> 鍵盤按下:<input type="text" name="textfield" onKeyDown="alert('鍵盤按下');"> event對象: <input type="text" name="textfield" id="text" onClick="catchEvent();"> <input type="submit" name="Submit" value="提交" id="button" onClick="catchEvent();"> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
實例三、
本實例主要介紹了數組和其slice()方法的使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> 數組和其slice()方法的使用 </BODY> </HTML>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
實例四、
本實例主要介紹了對象和構造方法的使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <body> 構造方法的使用 </body> </HTML>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
實例五（4.1）、
本實例主要介紹了Document對象的使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <IMG SRC="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122412174151.gif" WIDTH="170" HEIGHT="1" BORDER="0" ALT=""> </BODY> </HTML>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
實例六（4.2）、
本實例主要介紹了Document對象讀取表單元素的使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <FORM name="firstForm" METHOD=POST ACTION=""> <INPUT TYPE="text" NAME="firstText" value="哈啰"> </FORM> <FORM name="secondForm" METHOD=POST ACTION=""> <INPUT TYPE="text" NAME="secondText" value="哈啰"> <INPUT TYPE="submit" name="hehe" value="哈哈"> </FORM> <FORM name="form1" METHOD=POST ACTION=""> a01<INPUT TYPE="text" NAME="a01"/><INPUT TYPE="button" name="01s" value="提交" onclick="firstSubmit()"/> a02<INPUT TYPE="text" NAME="a02"/><INPUT TYPE="button" name="02s" value="提交" onclick="copyFirstSubmit()"/>×在a01中輸入值後再提交 </FORM> </BODY> </HTML>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
實例七（4.3）、
本實例主要介紹了Document對象讀取表單元素的使用，一個注冊驗證代碼
<html> <head> <title>用戶注冊</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .STYLE1 {color: #FFFFFF} --> </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <FORM id="register" name="regForm" method="post" action=""> 用戶注冊 用戶賬號： <input name="userNumber" type="text" id="usernumber" size="15"> 用戶密碼： <input name="userPassWord" type="text" id="userpassWord" size="15"> 確認密碼： <input name="reuserPassWord" type="text" id="reuserpassWord" size="15"> 電子郵箱： <input name="email" type="text" id="email" size="15"> <input type="button" name="Submit" value="提交" onClick="Form_Submit()"> </FORM> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
當前1/3頁
1
23下一頁閱讀全文
上一頁:
js技巧收集(200多個) 超強推薦第1/2頁
下一頁:
使用JS操作頁面表格，元素的一些技巧
JavaScript基礎知識
js控制CSS樣式屬性語法對照表
CSS與JS緊密配合，為我們的頁面增添了很多別致的效果。為了達到某種特殊的效果我們需要用Javasc
探討JavaScript中的Rest參數和參數默認值
Rest 參數通常，我們需要創建一個可變參數的函數，可變參數是指函數可以接受任意數量的參數。例如，S
JavaScript 變量命名規則
JScript 是一種區分大小寫的語言。 第一個字符必須是一個 ASCII 字母（大小寫均可），或一
相關文章
我學習理解的c++歷程(2)
網友:跟我學 自己實現漢語編程
jQuery插件分享:Flash/MP3/Video多媒體插件
跟初學者分享：學習css需要什麼軟件
分享3個比較實用的CSS頁面框架布局
技術分享 如何使用IE8兼容性視圖表示頁面
技術分享 使用CSS兼容IE8的小技巧
技術分享 在IE6下調試CSS方法揭秘(1)
技術分享 在IE6下調試CSS方法揭秘(2)
技術分享 在IE6下調試CSS方法揭秘(3)
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
http相關知識
javascript浏覽器兼容教程之事件處理
JavaScript之Date日期對象擴展
javascript實現dom元素可拖動
javascript實現方法調用與方法觸發小結
window.showModalDialog使用手冊
與Math.pow 相反的函數使用介紹
JavaScript進階教程(第二課續)第1/2頁
Javascript入門學習第六篇 js DOM編程第1/2頁
舉例講解JavaScript中將數組元素轉換為字符串的方法
熱門推薦
JavaScript中__proto__與prototype的關系深入理解
JavaScript常用字符串方法
用JavaScript獲取DOM元素位置和尺寸大小的方法
JavaScript中的原型繼承基礎學習教程
7.2 日期對象用途簡介
Javascript面試題（1）
微信JS接口
中文字符匹配js正則表達式
JS繼承--原型鏈繼承和類式繼承
大家都在看
JavaScript事件學習小結（三）js事件對象
XML初學進階學習筆記(4)
jquery實現表格本地排序的方法教程
jquery插件jquery.confirm彈出確認消息
XML入門指南(1)XML簡介
正則表達式(語法篇推薦)
jQuery的Cookie封裝,與PHP交互的簡單實現
javascript 3個使用this的典型應用
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved