JavaScript个人笔记

最新推荐文章于 2025-09-07 22:13:39 发布

weixin_30325487

最新推荐文章于 2025-09-07 22:13:39 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/clever765/articles/7264690.html

本文详细介绍了JavaScript的基本概念，包括变量声明、数据类型、条件语句、函数定义与调用等核心内容，并提供了弹窗、循环输出等实用示例。

ECMAScript
DOM
BOM

    <script>
        alert("您好")---->加载弹窗，任何位置都可以
    </script>

变量的声明和赋值
     var width --->var用于声明变量的关键字，width变量名
     width = 5;
数据类型:undefined：声明后没赋值
	boolean
	string
	number
	null
  	object:对象，数组，null--》var a =[1,2,3,4]（object）
运算符：算数运算符 +  -  *  / %  ++  --
	赋值运算符 = 
if条件语句
prompt()-->输入
alert()-->输出

区分大小写；
Typeof()返回类型；
函数：
	parseInt("字符串")--》转成int类型
	parseFloat();
	isNaN();检查是否是非数字；
创建函数：
	function 函数名（参数1，参数2）{
		script代码
	}
调用函数：事件名 = "函数名（）"
<script>
    function xx(){
        for(var i = 1;i<5;i++){
            document.write("sb! <br>")
        }
    }
</script>
<input type="button" value="点我" onclick="xx()"/>
onload：页面加载；onload = "函数名（）"--》加载就弹出窗口，window.open
带返回值：有两个作用，1执行函数体，2给一个返回值；
script内的叫全局变量；
函数体里的叫局部变量
window:
	confirm   var flag = confirm("确定要登录吗？");
	close	  window.close();
	open	  window.open("http://www.baidu.com");重新打开网页
		window.location = "http://www.baidu.com";原网页打开

setInterval("函数名"，时间)周期性调用函数，多次
setTimeOut（"函数名"，时间）只调用一次
获取标签里面的值（div，p，span）
var name = document.getElementById（"id号"）.innerHtml


BOM编程
	reload()刷新，history.back()返回主页面
	history.forword（）下一个
	history.back()：返回
	document.getElementsByTagName("input");标签名
	
	visible:元素可见
	hidden：元素不可见

history对象

back()

forward()

go()

location

href

reload()



捕获鼠标移动时间：
onmouseover
onmousemove

getElementById()
按元素的ID名称来访问

getElementsByName()
按元素的name名称来访问

getElementsByTagName()
按标签来访问


getElementsByclassName()通过类名访问
var img = document.createElement（）：创建节点
  img.setAttribute("属性名",值)
  getAttribute()
appendChild（）：末尾追加方式插入节点
insertBefore（）：在指定节点前插入新节点

cloneNode（）：克隆节点
removeChild（）：删除节点  

replaceChild( ) ：替换节点



事件：
捕获：this.innerHTML
onload="xx()"
onunload="x()"
onchange="xxx()"
ondbclick="xx()"捕获双击触发的事件
reset重置

alert(v.substr(2,5));//第2个开始截取5个；
alert(v.substring(2,5));//第3个开始截取到第5；
var b = v.split(",")逗号分隔

转载于:https://www.cnblogs.com/clever765/articles/7264690.html