当前位置: 首页>編程日記>正文

JS基础-菜鸟教程

JS基础-菜鸟教程

JS基础

JS输出

document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

JS语句

JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

JS变量

重新声明JavaScript变量,该变量的值不会丢失。

JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

把值赋给未声明的变量,将自动作为全局变量。

JS数据类型

数字,布尔,symbol,字符串,函数,对象,数组。

JS循环

for-in循环

var person={fname:“John”,lname:“Doe”,age:25};

for(x in person){

​ txt=txt+person[x];

}

HTML DOM

onclick

onload

onunload

onchange

onmouseover

onmouseout

onmousedown-onmouoseup

JS对象

JS数字

所有JavaScript数字均为64位。

JS字符串

var txt=“cmyk”;

txt.length=4;

txt.color=‘red’;

txt.indexOf(‘c’)=0; 获取c在txt中第一次出现的位置.

txt.match(‘cm’);判断txt中是否有‘cm’,有返回‘cm’,没有返回null.

txt.replace(/cm/,“CCCMMM”); txt->ykCCCMMM

var encodedStr=escape(txt);

var decodedStr = unescape(encodedStr);

JS日期

var date = new Date();

date.getDay();//0123456

date.getHours();

date.getMinutes();

date.getSeconds();

date.getTime();//获取毫秒数

JS数组

var Acars = new Array();

var Bcars = new Array()

Acars[0]=“月光女神”;

Acars[1]=“雷诺”;

Bcars[0]=“大Q吧”;

Acars.contact(Bcars); //组合两个数组

Acars.join("."); //用.把数组变成字符串输出【默认用,分割】

Acars.sort();

JS逻辑

var myBoolean = new Boolean();

0、-0、null、""、false、undefined 或者 NaN 为false,其余为true

JS算数

Math:执行常见的算数任务

Math.round() 返回四舍五入的数

Math.floor()

Math.random()

Math.max(a,b)

Math.min(a,b)

  1. Math.E
  2. Math.PI
  3. Math.SQRT2 【2的平方根】
  4. Math.SQRT1_2 【1/2的平方根】
  5. Math.LN2
  6. Math.LN10
  7. Math.LOG2E
  8. Math.LOG10E

JS正则表达式

var pattern = new RegExp(“e”);

var str=“student”

pattern.test(str); 检测指定值,返回布尔值

pattern.exec(str); 检测指定值,返回被找到值或NULL

pattern.compile(); 改变正则表达式

JS Window

BOM

所有的全局变量,全局对象都是window对象的成员

HTML DOM的document是window对象属性之一

var w=window.innerWidth

||document.documentElement.clientWidth

||document.body.clientWidth;


其他window方法

window.open(URL,name,features,replace);

参数描述
URL一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
name一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 和 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
features一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
replace一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:true - URL 替换浏览历史中的当前条目。false - URL 在浏览历史中创建新的条目。
channelmode=yes|no|1|0是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
height=pixels窗口文档显示区的高度。以像素计。
left=pixels窗口的 x 坐标。以像素计。
location=yes|no|1|0是否显示地址字段。默认是 yes。
menubar=yes|no|1|0是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0是否显示滚动条。默认是 yes。
status=yes|no|1|0是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0是否显示浏览器的工具栏。默认是 yes。
top=pixels窗口的 y 坐标。
width=pixels窗口的文档显示区的宽度。以像素计。

window.close()

window.moveTo(x,y) 窗口左上角移到一个指定坐标

window.resizeTo(widht,height)

JS Screen

screen.availHeight;

screen.availWidth;

JS Location

  1. location.hostname 返回 web 主机的域名
  2. location.pathname 返回当前页面的路径和文件名
  3. location.port 返回 web 主机的端口 (80 或 443)
  4. location.protocol 返回所使用的 web 协议(http:// 或 https://)
  5. location.href返回当前页面的URL
  6. location.assign(newURL)

JS History

history.back() 与浏览器的后退按钮相同

history.forword()

JS Navigator

警告:来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:

  • navigator 数据可被浏览器使用者更改
  • 浏览器无法报告晚于浏览器发布的新操作系统

浏览器检测

部分浏览器有专门的对象,比如window.opera

JS 消息框

  1. 警告框

    window.alert(“文本”);

  2. 确认框

    window.confirm(“文本”);

  3. 提示框

    window.prompt(“文本”,“默认值”);

JS Timing

setTimeout(code,millisec)

提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

clearTimeout() 取消setTimeout();

JS Cookies

cookie用来识别用户

cookie是存储于访问者计算机中的变量,每当同一台计算机通过浏览器访问某个页面时,就会发送这个cookie。

cookie存储用户的浏览记录,比如登陆名,密码,日期。

cookie以键值对形式保存key=value;


https://www.fengoutiyan.com/post/17563.html

相关文章:

  • JS填表教程
  • 中文JS教程视频
  • js
  • js常用方法总结
  • layui菜鸟教程
  • nodejs教程
  • js 方法
  • runoob菜鸟教程app
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機