【JavaScript】JavaScript高级教程

参考链接：
1、https://www.w3cschool.cn/javascript/

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title>
</head>
<body><p id="demo">This is paragraph.</p><button onclick="upArray()">upArray</button><button onclick="LowerArray()">LowerArray</button><br><a href="javascript:window.opener=null;window.open('','_self');window.close();">close window</a><br><span id="displayTime">This window open time (s): 0</span><button onclick="myChangeFunction()" id="ChangeBtn">Stop</button><br><!--  next is javascript --><script text="text/javascript">function person(firstname, lastname, age, eyecolor) {this.firstname = firstname;this.lastname = lastname;this.age = age;this.eyecolor = eyecolor;this.changeName = changeName;function changeName(name) {this.lastname = name;}}myMother = new person("Sally", "Rally", 48, "green");myMother.changeName("Doe");document.write(myMother.lastname + "<br>");document.write("Object JSON:" + JSON.stringify(myMother) + "<br>");// for objectfor(tempObj in myMother){document.write(tempObj + "->" + myMother[tempObj] + "<br>");}// Number objectNumber.prototype.myadd = function(){var thisp = this;var y = new Number(1);var add1 = thisp + y;//this = this + 1;var type1 = typeof (thisp);var type2 = typeof (add1);var type3 = typeof (Number(add1));}var myNumber = 128;myNumber.toString(16);   // returns 80myNumber.toString(8);    // returns 200myNumber.toString(2);    // returns 10000000myNumber.myadd();// String objectvar myString = "12345";document.write("String to number: " + Number(myString) + 1);// 123451document.write("<br>");document.write("String to number: " + (Number(myString) + 1));// 12346document.write("<br>");// Array add new function to ArrayArray.prototype.myUcase = function () {for (i = 0; i < this.length; i++) {this[i] = this[i].toUpperCase();}}Array.prototype.lowerAll = function(){for(i = 0;i < this.length;i++){this[i] = this[i].toLowerCase() + "_x";}}function upArray() {var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.myUcase();var x = document.getElementById("demo");x.innerHTML = fruits;}function LowerArray() {var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.lowerAll();var x = document.getElementById("demo");x.innerHTML = fruits;}// windows objectdocument.write("windows object: " + window.navigator.appName + "<br>");document.write("windows object: " + window.navigator.appVersion + "<br>");document.write("windows object: " + window.navigator.appCodeName + "<br>");window.resizeTo(500, 500);//window.close();// pop-up windowsvar yourName = window.prompt("Please input your name:");if (yourName != null && yourName != "") {document.write("Your name is " + yourName + ".<br>");}else {document.write("you not input your name  please try again!");}alert("Hello\nHow are you?");// \n is LF new line character in alert// setTimeout and setIntervalvar intervalHandle = window.setInterval(function () { myIsThread() }, 1000);var conterThreadRunTime = 0;function myIsThread() {conterThreadRunTime++;document.getElementById("displayTime").innerHTML = "This window open time (s): " + conterThreadRunTime;}function myChangeFunction() {var btnString = document.getElementById("ChangeBtn").innerHTML;if (btnString == "Stop") {window.clearInterval(intervalHandle);document.getElementById("ChangeBtn").innerHTML = "Start";} else if (btnString == "Start") {intervalHandle = window.setInterval(function () { myIsThread() }, 1000);document.getElementById("ChangeBtn").innerHTML = "Stop";}}// use Cookiedocument.cookie = "username=xiaogongwei; path=/xiaogongwei123";</script>
</body>
</html>

【JavaScript】JavaScript高级教程相关推荐

尚硅谷JavaScript高级教程(javascript实战进阶)学习笔记
前言这个是我学习过程中的笔记,分享给大家,希望对大家有用. 学习内容是尚硅谷JavaScript高级教程(javascript实战进阶),这里是视频链接. 我在前面有两篇对于web前端HTML和CS ...
视频教程-ThreeJS 3D高级教程-JavaScript
ThreeJS 3D高级教程网名:海洋,CSDN社区讲师,3D游戏引擎开发者,IT讲师,计算机图形学方向研究生,曾在浙江大学CAD&CG;国家重点实验室学习.从事IT行业15年,主导或参与了 ...
JavaScript - Vue经典教程系列-李游Leo-专题视频课程
JavaScript - Vue经典教程系列-1114人已学习课程介绍 Vue.JS 是目前火的前端框架之一,是一个构建数据驱动的 web 界面的渐进式框架. Vue.JS 的目标是 ...
JavaScript - React经典教程系列-李游Leo-专题视频课程
JavaScript - React经典教程系列-137人已学习课程介绍 React.JS 是目前火的前端框架之一,是一个相对于别的框架更专注于view层的前端框架. 由于 Reac ...
JavaScript - Node.JS教程系列-李游Leo-专题视频课程
JavaScript - Node.JS教程系列-147人已学习课程介绍 Node.JS是一套使用JavaScript语言的后台.它执行Javascript的速度非常快,性能非常好. ...
JavaScript新手入门教程大全~~~
JavaScript新手入门教程大全~~~ 一. js教程介绍:JavaScript是一种运行在浏览器中的解释型的编程语言. 那么问题来了,为什么我们要学JavaScript?因为你没有选择.在Web ...
《2020版JavaScript基础入门教程全集》，助你一臂之力！
当下,随着5G商用正在有序推进,很多传统的前端工程师并不能满足时下企业用人需求了,越来越多的开发模式以及前端框架不断的涌现出来,这也就要求程序员需要不断去自我增值. 前端要学习的东西很多,对于自学的小 ...
如何创建一个开源Javascript库 | Lynda教程中文字幕
如何创建一个开源Javascript库 | Lynda教程中文字幕 Creating an Open Source JavaScript Library 课程ID: 604269 时长: 5.5小时 ...
尚硅谷最新版JavaScript基础全套教程完整版（p79-p90）
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) 一.函数的方法 1.call()和 apply()方法 -这两个方法都是函数对象方法,需要通过函数对象来调用 ...
js replace不改变原str_总结javascript replace高级用法
详解javascript replace高级用法在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行 ...

【JavaScript】JavaScript高级教程

【JavaScript】JavaScript高级教程相关推荐

最新文章

热门文章