W3school中js学习

java script 的代码位置
在html中javaScript代码必须放到标签可以放到head中或是body中，把js代码放到body元素的底部可以改善显示速度，脚本编译也是需要时间的，
java HTML DOC
html doc 文档对象模型：当网页被加载时，浏览器会创建页面的文档对象模型，dom是一个对象树，

通过这个对象模型，js能创建动态的html,
js能改变页面中所有的html标签元素，
js能改变页面中html标签的属性，
js能改变页面中的css样式，
js能删除，添加html元素的属性，
文档对象代表了一个网页，通过doc对象来访问网页上的标签元素，
Doc中的方法
方法可以对标签中的属性设置添加，删除，替换，修改值属性，
1 查找元素，
document.getElementByid(id) 通过元素id来查找元素，
document.getElementByTagname(name) 通过标签名来获取元素，
document.getElementByClassname(name) 通过类名查找元素，
2 改变元素
element.innerHtml(text) 改变文本内容
element.setAttribute(属性，value) 改变html元素的属性值，
3 添加和删除元素
document.createElement(标签)；
document.removeChild(标签)；
document.appendChild(标签)；添加
document.replaceChild(标签)；替换
4 给元素添加事件
document.getElementById(id).οnclick=function(){code}
javaScript对象定义
在js中数组，函数，日期，字符串，布尔，都是对象，
js中原始数据类型有 string，number，boolean，null，undefined
js对象其实是一个包含变量的变量，

var person = "bill gates" //对象也是变量，但是对象能够包含很多值，
var person = {firstName:"bill",lastName:"gates"} //对象可以包含多个值
//创建js对象方式
var person = {name:"Rudy",age:"18"} //第一种
var person = new Object();
person.name = "Rudy";
person.age = "18";

js弹出框
1 警告框 window.alert(“我是警告框”)；
2 确认框 confirm(“我是确定框”)；
3 提示框 prompt(“请输入name:”,“哈利波特”)；
在提示框内想要换行指定\n就可以了
js函数
方法是可以在对象上执行的动作，js对象就是属性和方法的容器，

函数格式：
function mycode(parameter1,parameter2){code;
}
函数中的参数不会规定类型，不会类型检查，不会检查函数的个数，
mycode(a,b);//执行函数
window.mycode();//执行函数

this 指的是拥有当前代码的对象，不指向调用对象时会指向window对象，
如果js对象中有一个函数，那么这个函数内使用this调用的就是这个对象，

json简介
json是一种存储和交换数据的语法，当数据在浏览器和服务器之间交互时数据只能是文本，json属于文本，json可以转化成js对象也可以转化成java对象，

//将js对象转化成json数据，
var myObj = {name:"Bill",age:"18",city:"北京"};
var myJSON = JSON.stringify(myObj);
//将json对象转化成js对象
var myJSON = {"name":"Rudy","age":"18","city":"北京"}
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML=myObj.name;

json语法的规则：是字符串格式，key:value ,数据之间用逗号隔开，花括号是对象，方括号是数组，
json文件后缀是.json , 类型是application/json

//json数据的值可以是对象
{"myjson":{"name":"rudy","age":"18"}}
//json中value值可以是数组
{"name":["张三","李四","王五"]}
//可以是null也可以是boolean类型
//json数组也可以进行传送数据 parse()也可以解析数组返回的是js数组
jsonarray = ["name":"张三","age":"18"];
myarr = JSON.parse(jsonarray);
document.getElementById("name").innerHTML = myarr[0] //json对象语法
var myobj = {"name":"rudy";"age":"18"}
//用点号来访问对象值
var name = myobj.name
//json数组
var myarr = ["name":"rudy";"age":"18"]
var name = myarr["name"]
//遍历对象
for(x in myobj){document.getElementById("demo").innerHTML += myobj[x]
}

W3school中js学习相关推荐

JS学习笔记六：js中的DOM操作
1. JS学习笔记六:js中的DOM操作文章目录 1. JS学习笔记六:js中的DOM操作 1.1. 获取Dom节点 1.2. 元素属性的操作方式 1.3. DOM节点的创建.插入和删除 1.4. ...
唤醒手腕 - 前端服务器端开发 Node.Js 学习笔记（学习中，更新中）
唤醒手腕 - Node.Js 学习笔记唤醒手腕个人的学习记录,时间在2021年12月13日 ~ 2021年12月14日,学习方式看官方文档和B站视频,如有错误或者代码问题的地方,欢迎C站大佬能够帮忙 ...
ArcGIS JS 学习笔记4 实现地图联动
原文:ArcGIS JS 学习笔记4 实现地图联动 1.开篇守望屁股实在太好玩了,所以最近有点懒,这次就先写个简单的来凑一下数.这次我的模仿目标是天地图的地图联动. 天地的地图联动不仅地图有联动,而 ...
node.js学习笔记
# node.js学习笔记标签(空格分隔): node.js---## 一内置模块学习 ### 1. http 模块 ``` //1 导入http模块 const http =require('ht ...
js中当等于最小值是让代码不执行_网页中JS函数自动执行常用三种方法
本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: function myfun ...
WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用本文所使用到的demo演示: 高光贴图Demo演示反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理计算机图形学 ...
前端中什么是中台开发环境_Web前端开发中需要学习什么?会使用到哪些开发工具？...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水.下面和千锋广州小编一起来看看吧! 前端工程师的主要职责: 前端工程师在不同的公司有不同的 ...
js 学习笔记（一）
前言网上其实已经有非常多的js学习资料了,但是每个人都有自己的基础,所以往往是有的人讲的深一点,有的人说的浅一点. 就我自身而言,想要匹配自己水平的找些资料,往往是十分的零碎,所以可能今天看到的文章 ...
html 流程控制,HTML5独家分享：原生JS学习笔记2——程序流程控制
当当当当 .....楼主又来了!新一期的js学习笔记2--程序流程控制更新了! 想一键获取全部js学习笔记的可以给楼主留言哦! js中的程序控制语句常见的程序有三种执行结构: 1.顺序结构 2.分支 ...

W3school中js学习

W3school中js学习相关推荐

最新文章

热门文章