javascript学习

最新推荐文章于 2024-09-25 14:00:00 发布

黄焖猪蹄i

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量88

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46098607/article/details/110829900

版权

java基本数据类型和长度

byte short int long float double boolean char
1 2 4 8 4 8 1 2

初认识js

所属公司：网景通信公司；
语言类型：脚本语言，可以被文本编辑器打开，直接被浏览器解释运行；
以事件和方法为主要特征的驱动型语法；视html页面的标签为节点，以dom对象来操作html页面的树形节点结构进行节点的增删改查；
1执行顺序采用自上而下执行代码；
2一个html页面里可以写多个<script type="text/javascript"> </script>;
3由于script一般写在head头部里，加载页面时会先执行造成节点对象获取不到，可以先加载dom节点
<script type="text/javascript"> window.onload=function(){ //这里写真正的js代码逻辑 }</script>

嵌入html的三种方式

第1种方式
<input type="button" value="按钮" onclick="alert('hello world')"> //点击到才执行

第2种方式
<script type="text/javascript"  src="/java/s.js"></script>

第3种方式
<script type="text/javascript">
alert("hello world");  //立即执行
</script>

方法和变量

在js中，如果两个方法函数同名，后来的同名函数方法会覆盖前面的函数；

<script type="text/javascript">
var r =0; //定义变量
function methods( a, b, c ){  //定义方法
alert(b);
}
var a = methods(1,2) / methods(1,2) //调用函数方法
<input type="button" value="按钮" onclick="methods(1,2)">
</script>

两大对象【Bom】【Dom】

window对象，document对象，location对象，history对象

window.alert()/primpt()/
document.getElementById()/getElementBysNanme()/getElementTagsName()

往节点对象里插值或获取值

document.getElementById('').innerHtml="";
document.getElementById('').innerText=""; //插值
document.getElementById('').innerHtml; //获取值
document.getElementById('').innerText;

节点的style属性

设置显示或隐藏

document.getElementById().style.display/visibility="";

操作节点或其属性进行增删改查

获得节点对象后直接调用该节点对象的属性进行改值；

document.getElementById("bn").type/value/onclick/="" //给节点对象的属性赋值
.setAttribute("src","/aaa/sss");  //给节点添加属性和赋值；
.getAttribute("src"); //获取节点属性值；

回调函数

写好的函数等待着被调用方调用就叫回调函数；

<script type="text/javascript">
window.onload=function(){
//页面加载完执行这个回调函数；
}
</script>

获取键盘事件对象的键盘码例子

<html>
<head></head>
<body>
<input type="text" id="text">
</body>
<script type="text/javascript">
document.getElementById("text").onkeydown=function(eventt){
alert(eventt.keyCode);
}
</script>
</html>

正则表达式

var regExp=/ 表达式/;

var regExp=new RegExp("表达式");

html DOM指的是以标签作为对象来对属性进行增删改 `<table>`对象和`<from>`对象