JAVA_web BOM、DOM编程案例

最新推荐文章于 2022-08-23 18:32:38 发布
最新推荐文章于 2022-08-23 18:32:38 发布
阅读量187 收藏
点赞数
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34811445/article/details/79516289
版权

循环语句案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
if 
switch
switch语句的特殊之处: case后面可以跟常量与变量或者是表达式。
循环语句：
while

格式：
while(判断的条件){
循环体内容
}


var count = 0 ; 
while(count<5){
document.write("hello world<br/>");
count++;
}
需求： 计算1~100的总和。

var num = 1;
var result = 0;
while(num<=100){
result +=num;
num++;
}

document.write("结果："+result);
do-while循环语句


do{
循环语句；
}while(判断条件);

需求；计算1~100奇数的总和。


var num = 1;
var result = 0;
do{
if(num%2!=0){
result +=num;
}
num++;
}while(num<=100);
document.write("结果："+result);

for循环语句:

格式：
for(初始化语句; 判断的条件 ; 循环后的语句){
循环体语句；
}

需求；计算1~100偶数的总和。
*/

var result = 0 ;
for(var i =  1 ; i<=100 ; i++){
if(i%2==0){
result +=i;
}
}

document.write("结果："+result);

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>

</html>

for循环语句练习（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
//需求1：显示"*"为正方形，5行5列。

for(var i = 0 ; i<5;  i++){ // 控制行数
for(var j  = 0 ; j<5 ; j++){ //控制列数
document.write("*&nbsp;");
}
//换行
document.write("<br/>")
}

document.write("<hr/>")


/*
输出一个直角三角形


*
**
***
****
*****


*/

for(var i = 0 ; i<5; i++){

for(var j  =0 ; j<=i ; j++){
document.write("*&nbsp;");
}
document.write("<br/>");
}


document.write("<hr/>")




//打印九九乘法表
for(var i = 1 ; i<= 9 ; i++){
for(var j = 1 ; j<=i ; j++){
document.write(i+"*"+j+"="+(i*j)+"&nbsp;&nbsp;");
}
document.write("<br/>");
}





</script>




<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

for-in语句（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">


/*
for-in语句：


for-in语句的格式：

for(var 变量名 in 遍历的目标){

}


for-in语句的作用：
1. 可以用于遍历数组的元素。  注意： 使用for-in语句遍历数组元素的时候遍历出来是数组的下标。

2. 可以用于遍历对象的所有属性数据。 注意： 使用for-in语句遍历对象的属性的时候，遍历出来的是对象的属性名。
*/


var arr = [12,13,19,15,16];


/*
for-in语句遍历数组元素
for(var index in arr){
document.write(arr[index]+",");
}


普通的for循环遍历数组的元素


for(var index = 0 ; index<arr.length ; index++){
document.write(arr[index]+",");
}
*/

function Person(id , name){
this.id = id;
this.name = name;
}



//创建一个对象
var  p = new Person(110,"狗娃");




for(var property in p){
document.write(p[property]+",");
}


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

with语句（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
with语句:有了 With 语句，在存取对象属性和调用方法时就不用重复指定对象。



格式：
with(对象){



}





*/


with(document){
for(var i = 0 ; i<5; i++){

for(var j  =0 ; j<=i ; j++){
write("*&nbsp;");
}
write("<br/>");
}
write("<hr/>");
}




function Person(id , name){
this.id = id;
this.name = name;
}

//创建一个对象
var  p = new Person(110,"狗娃");


with(p){
document.write("编号："+ p.id);
document.write("姓名："+ name);
}


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

函数的定义（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
函数:




函数的定义格式：

function 函数名(形参列表){
函数体 ;
}


javascript的函数要注意的细节：
1. 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。
2. 在javascript中 的函数是没有 返回值类型 的，如果函数需要返回数据给调用者，直接返回即可，如果不需要返回则不返回。
3. 在 javascript中是没有函数 重载 的概念 的，后定义的同名函数会直接覆盖前面定义同名函数。
4. 在javascript中任何的函数内部都隐式的维护了一个arguments（数组）的对象，给函数 传递数据的时候，是会先传递到arguments对象中，
然后再由arguments对象分配数据给形参的。





需求：定义一个函数做两个参数的加法功能。
*/
function  add(a,b){
var sum = a+b;
document.write("两个参数的总和："+ sum);
//return sum;
}

function add(){
document.write("长度："+arguments.length+"<br/>");
for(var index = 0 ; index<arguments.length ; index++){
document.write(arguments[index]+",");
}

//var sum  = a+b+c;
//var sum = 0;
//document.write("三个参数的总和："+ sum);
}



//调用函数
add(11,21,13,14);

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

函数的练习（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>


function showDay(){
//找到对应 的标签对象。
var inputObj = document.getElementById("month");
//获取input标签数据
var month = inputObj.value;
/*
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){
alert("本月是31天");
}else if(month==4||month==6||month==9||month==11){
alert("本月是30天");
}else if(month==2){
alert("本月是28天");
}else{
alert("没有该月份");
}
*/

month = parseInt(month);
switch(month){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
alert("本月是31天");
break;
case 4:
case 6:
case 9:
case 11:
alert("本月是30天");
break;
case 2:
alert("本月是28天");
break;
default:
alert("没有该月份");
break;

}


}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
月份:<input id="month" type="text" /><input type="button" value="查询" οnclick="showDay()" />

</body>

</html>

String对象（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">


/*
var str1 = new String("hello");
var str2 = new String("hello");
document.write("两个字符串的对象一样吗？"+(str1.toString()==str2.toString()));


创建一个字符串的方式：
方式1：
new String("字符串的内容");

方式2：
var str = "字符串的内容";






字符串常用的方法：
anchor（）   生产锚点
blink（）     为元素添加blink标签 
charAt()     返回指定索引位置处的字符。
charCodeAt() 回一个整数，代表指定位置上字符的 Unicode 编码。


fontcolor()  把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端

indexOf()    返回 String 对象内第一次出现子字符串的字符位置


italics()    把 HTML <I> 标记放置在 String 对象中的文本两端。 

link()         把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。

replace()      返回根据正则表达式进行文字替换后的字符串的复制

split()        切割   

Substr()       截取子串
toUpperCase()  转大写
toLowerCase    转小写
*/
document.write("第五章".anchor("five")+"<br/>");
document.write("第五章".blink()+"<br/>");
document.write("abc".charAt(1)+"<br/>");
document.write("abc".charCodeAt(1)+"<br/>"); //chatCodeAt返回的是索引值对应的字符的码值。 
document.write("第六章".fontcolor("red")+"<br/>"); //fontcolor() 给字符串添加font标签，然后设置color的属性值。
document.write("abchellohehehello".indexOf("hello")+"<br/>"); //返回指定字符串第一次出现的索引值。
document.write("第五章".italics()+"<br/>"); //给文本添加一个i标签，把文本内容设置成斜体。
document.write("腾讯".link("http://www.itcast.cn")+"<br/>"); // 给文本添加一个a标签，
document.write("明天我们讲xml".replace("xml","DOM编程")+"<br/>"); // 给文本添加一个a标签，

var str = "我们-大家-好";
var arr = str.split("-");
for(var index = 0 ; index<arr.length ; index++){
document.write(arr[index]+",");
}
document.write("<br/>");
document.write("abc".toUpperCase()+"<br/>"); //转大写
document.write("ABC".toLowerCase()+"<br/>");  //转小写

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>

</html>


Date对象（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
日期对象（Date）




*/
var date = new Date(); //获取到当前的系统时间
document.write("年："+ date.getFullYear()+"<br/>");
document.write("月："+ (date.getMonth()+1)+"<br/>");
document.write("日："+ date.getDate()+"<br/>");

document.write("时："+ date.getHours()+"<br/>");
document.write("分："+ date.getMinutes()+"<br/>");
document.write("秒："+ date.getSeconds()+"<br/>");

//xxxx年yy月dd日  hh:mm:ss

//document.write("当前时间是："+date.toLocaleString());
document.write("当前时间是："+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>

</body>
</html>


显示当前系统时间

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>




<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
当前系统时间：<span id="time"></span>
</body>




<script type="text/javascript">

function getCurrentTime(){
//获取到当前的系统时间
var date = new Date();
//把当前系统时间拼装成我指定的格式。
var timeInfo =  date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();

//找span对象
var  spanObj = document.getElementById("time");
//设置span标签体的内容
spanObj.innerHTML = timeInfo.fontcolor("red");
}


getCurrentTime();

//定时方法.
window.setInterval("getCurrentTime()",1000); /* setInterval   定时方法，第一个参数要指定调用的代码，第二参数是每                                                隔指定的毫秒数调用指定的代码。*/



</script>
</html>

Number对象

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
Number对象。

创建Number对象的方式：

方式1：
var 变量=  new Number(数字)

方式2：  
var 变量 = 数字;

常用的方法：
toString()  把数字转换成指定进制形式的字符串。
toFixed()   指定保留小数位,而且还带四舍五入的功能。
*/

var  num = 10; // 十进制
document.write("十进制："+num.toString()+"<br/>");
document.write("二进制："+num.toString(2)+"<br/>"); 
document.write("八进制："+num.toString(8)+"<br/>"); 
document.write("十六进制："+num.toString(16)+"<br/>"); 
document.write("三进制："+num.toString(3)+"<br/>");   // 101
var num2 = 3.455;
document.write("保留两位小数:"+num2.toFixed(2))

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

Math数学对象（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
Math对象常用的方法：


 ceil 向上取整
 floor（）   向下取整
 random()  随机数方法 //  产生的伪随机数介于 0 和 1 之间（含 0，不含 1），
 round     四舍五入
*/
document.write("向上取整："+ Math.ceil(3.14)+"<br/>");
document.write("向下取整："+ Math.floor(3.14)+"<br/>");
document.write("随机数："+ Math.random()+"<br/>");
document.write("四舍五入："+ Math.round(3.75)+"<br/>");

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>

</html>

数组对象（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
Array数组对象:
创建数组的方式1：
var 变量名 = new Array();  创建一个长度为0的数组。

方式2：
var 变量名= new Array(长度) 创建一个指定长度的数组对象。

方式3：
  var 变量名 = new Array("元素1","元素2"...);  给数组指定元素创建数组 的对象。

方式4： 
var 变量名 = ["元素1","元素2"...];



数组要注意的细节：
1.  在javascript中数组的长度是可以发生变化的。


*/

var arr = new Array(3); //创建了一个长度为0的数组对象。
arr[100] = 10;
document.write("arr长度："+arr.length+"<br/>");

var arr2 = new Array("狗娃","狗剩","铁蛋");
arr2 = ["狗娃","狗剩","铁蛋","张三"];
document.write("arr2长度："+arr2.length+"<br/>");

</script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>

</html>

数组常用的方法（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" >


var arr1 = ["狗娃","狗剩","铁蛋"];
var arr2 = ["永康","才厚"];

/*
arr1 = arr1.concat(arr2); //concat把arr1与arr2的数组元素组成一个新的数组返回。
for(var index in arr1){
document.write(arr1[index]+",");
}


var elements = arr1.join(","); // join使用指定的分隔符把数组中的元素拼装成一个字符串返回。
document.write("数组的元素："+elements);


pop ：移除数组中的最后一个元素并返回该元素。

document.write("删除最后的一个元素并返回："+arr1.pop()+"<br/>");

arr1.push("永康"); // 将新元素添加到一个数组中，并返回数组的新长度值。

arr1.reverse(); //翻转数组的元素

document.write("删除第一个元素并返回："+arr1.shift()+"<br/>"); //移除数组中第一个元素，并且返回。


var subArr = arr1.slice(1,2); //指定数组 的开始索引值与结束索引值截取数组的元素，并且返回子数组。
document.write("子数组的元素："+subArr.join(",")+"<br/>");




arr1 = [19,1,20,5];
arr1.sort(sortNumber);  //排序，排序的时候一定要传入排序的方法。

function sortNumber(num1,num2){
return num1-num2;
}


arr1.splice(1,1,"张三","李四","王五"); //第一个参数是开始删除元素的 索引值， 第二参数是删除元素的个数，往后的数据就是插入的元素。

*/

document.write("数组的元素："+arr1.join(","));

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

自定义对象（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
自定义对象:

在javascript没有类的概念，只要有函数即可创建对象。



自定义对象的方式1： 使用无参的函数创建对象。

例子：

function Person(){}
var p = new Person(); //创建了一个Person对象了
p.id = 110;
p.name = "狗娃";

方式2：使用带参的函数创建对象。

function Person(id,name){
this.id = id;
this.name = name;
this.say = function(){
alert(name+"呵呵");
}
}

var p = new Person(110,"狗剩"); //创建对象



方式3： 使用Object函数创建对象

var p = new Object();
p.id = 110;
p.name = "铁蛋";

方式4：使用字面量的方式创建.


var p = {
id:110,
name:"狗娃",
say:function(){
alert(this.name+"呵呵");
}
} 。

*/

var p = {
id:110,
name:"狗娃",
say:function(){
alert(this.name+"呵呵");
}
}



document.write("编号："+ p.id+" 姓名："+ p.name);
p.say();




</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

自定义一个数组工具对象（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="ArrayTool.js" type="text/javascript"></script>
<script type="text/javascript">


var arr = [12,15,9,4];
var max = tool.getMax(arr);
document.write("最大值："+ max+"<br/>");

var index = tool.searchEle(arr,9);
document.write("找到的索引值是："+ index);

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>

</html>

protortype原型属性（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
需求：想把getMax与searchEle方法添加 到数组对象中。


functoin Array(){
this.prototype = new Object();

this.getMax = function(){

}
}
Prototype注意的细节：
1. prototype是函数(function)的一个必备属性(书面一点的说法是"保留属性")(只要是function,就一定有一个prototype属性)
2. prototype的值是一个对象
3. 可以任意修改函数的prototype属性的值。
4. 一个对象会自动拥有prototype的所有成员属性和方法。

*/

Array.prototype.getMax = function(){
var max = this[0];
for(var index = 1; index<this.length ; index++){
if(this[index]>max){
max = this[index];
}
}
return max;
}


Array.prototype.searchEle = function(target){
for(var i = 0 ; i<this.length ; i++){
if(target==this[i]){
return i;
}
}
return -1;

}





//var arr = new Array(12,4,17,9);
var arr = [12,4,17,9];
var max = arr.getMax();
var index = arr.searchEle(9);
document.write("最大值："+ max+"<br/>");
document.write("索引值："+ index+"<br/>");




</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>

</html>

prototype的应用（案例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
练习： 给字符串对象添加一个toCharArray的方法，然后再添加一个reverse(翻转)的 方法
*/


//把 字符串转换成字符数组
String.prototype.toCharArray = function(){
var arr = new Array();
for(var index = 0; index<this.length ;index++){
arr[index] = this.charAt(index);
}
return arr;
}



String.prototype.reverse = function(){
//想把字符串转换成字符数组
var arr = this.toCharArray();
arr.reverse();
return arr.join("");
}

var str = "你们厉害啊";
var charArr = str.toCharArray();
document.write("数组的元素："+charArr.join(","));


str = str.reverse();
document.write("<br/>翻转后的字符串："+str);

</script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
</body>
</html>
晓 5
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
css+html仿今日头条的评论框动画效果
杉楂的博客
01-10 1万+
这一周忙期末考试，耗去了不少时间。现在来补一下一周前完成的仿的今日头条的动画效果。 先上代码吧。html部分： 80)this.style.posHeight=this.scrollHeight+5" placeholder="请写下您的评论">
jsd1906 达内05_WEB.rar
07-16
在"达内java web案例"中，JavaScript是构建动态网页的关键技术之一。它允许在用户与网页交互时实时更新内容，提供丰富的用户体验。通过学习JavaScript，开发者可以创建交互式的表单验证、动态图像、滑动菜单等效果。...
JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战（动态添加删除表格）
数字世界 万物互联
05-21 850
上一博文种讲解了JavaScript基础的ECMAScript，包括基本语法和部分对象，本文中继续讲解JavaScript中比较重要的两部分内容BOM、DOM及事件，后文中有对应的实战练习。 1、DOM简单学习 DOM是用来控制html文档的内容的： 1）document.getElementById("id值")：通过元素id获取元素对象Element。 2）操作Element对象： 修改属性值：要明确获取的对象是哪一个，再查看API，找其中有哪些属性可以设置； 修改标签体内容：通过属性in...
JavaScript-事件-BOM&DOM
努力耕田的牛
09-01 206
JavaScript-事件-BOM&DOM 事件(Event) 事件概述 javascript是一门事件驱动型语言，通常服务于html页面中，对于html页面中的元素必然会存在一些动作，这些动作的触发，称之为事件驱动。 事件分类 浏览器窗体事件 事件名 描述 onload 当窗体内容被加载时触发 onunload 当窗体中内容卸载时触发 onbeforeunlo...
JavaScript数组（包括上一笔记都是ECMAScript对象），BOM对象，DOM对象,html DOM Enent（事件）
HashFlag的博客
06-05 127
JavaScript数组（包括上一笔记都是ECMAScript对象），BOM对象，DOM对象,html DOM Enent（事件） 1、Arrary; var ret = new Arrary(1,2,3,4,5,6); 如果采用初始化的方式创建数组，如果里面只有一个值并且是一个数字，表示的就是长度而不是内容 .join(): var r...
遍历输出对象的属性值
Great haste makes great waste
03-24 5446
在我们写Python代码时，有时候想看看一个对象所有属性（或方法），这个很简单，通过调用内置方法dir() 就可以搞定，但是如果我们除了想知道其具有的属性（或方法）,还想知道在对象该属性下的值呢，上个例子代码：import numpy as np from sklearn.linear_model import LinearRegressionx = np.random.randn(1000,5)
java web开发实战经典基础篇
03-31
在Java Web开发实战的经典基础篇中，我们主要探讨的是Web应用程序的前端开发技术，特别是HTML（超文本标记语言）和JavaScript的基础知识。这两者是构建动态、交互式Web页面的关键工具。 HTML，全称为HyperText ...
WEB前台技术_3_JavaScript
04-26
### JavaScript：Web前端的核心技术 #### 一、JavaScript简介与历史背景 ...对于初学者而言，建议从JavaScript的基础语法入手，逐步过渡到高级特性，同时结合具体案例进行实战演练，以加深理解和提高编程技能。
JAVA编程电子书专题下载
08-03
### JAVA编程电子书专题下载知识点概述 #### 一、Java2实用教程电子教案 - **内容概述**：这本书主要介绍了Java2的基础知识及其在实际应用中的实现方式。它适合初学者学习并掌握Java语言的基本语法及面向对象编程的...
Java基础学习51.pdf
10-10
Java是世界上最流行的编程语言之一，尤其在企业级应用开发中占据主导地位。Java的基础学习是成为一名合格的Java开发者的关键步骤。这份"Java基础学习51.pdf"资源涵盖了多个关键概念，帮助初学者快速掌握Java基础知识...
Web前端学习（4）_BOM编程_事件编程
晴天小风的博客
06-25 525
Web前端学习（4）_BOM编程_事件编程_DOM编程 这篇来写关于BOM编程、事件编程以及DOM编程的内容。 1.BOM编程 1.1 BOM编程 将浏览器的各个部分封装成了不同的对象） BOM是（Broswer Object Model） 浏览器对象模型编程
对自定义对象 使用for..in 的遍历
floraluoluo的博客
03-29 363
使用 for..in 可以遍历自定义对象中的属性及其属性值,同样的方式也可以遍历数组.<script> //以自定义对象为例: //创建一个自定义对象 var obj = { "abc":1, 3 :false, "1+1":"是不是等于2？", cdef : function(){console.info("cdef")}, "sor":[1,2,
Flex4应用程序开发入门教程及运用
gangan1345的专栏
09-02 4974
学习资源          中文FLEX例子         http://blog.minidx.com/           http://www.myflexhero.com/ 1.Flex简介       Flex是Macromedia发布的展现服务，它是java web container或者.netserver的一个应用       Flex 是一个可构建具有表现
js中for-in语句遍历对象的属性和属性值
yangyuqingabc的博客
09-27 2198
for-in语句遍历对象的属性和属性值 1.使用for-in遍历对象的属性 2.使用[]访问属性值 var person={ name:&amp;quot;Nicholas&amp;quot;, age:29, job:&amp;quot;SoftWare Engineer&amp;quot;, } for(var prop in person){ console.log(typeof prop);//string console.log....
javascript之for-in语句 遍历对象属性
yCharlee的博客
05-04 2759
看到阮大大的教程，看到这样一条语句，var obj = { x: 1, y: 2 }; var props = []; var i = 0;for (props[i++] in obj);//这句我就不太理解啦！！props // ['x', 'y']首先，提出问题：for (props[i++] in obj);这句代码啥意思？看到下面的结果，连我智商这么低的人都知道这明显是遍历对象的属性
js使用for in语句遍历对象的属性
09-15 509
由上面的代码可以看出，for in语句也可以遍历原型链上的继承的属性，不过只能够是自定义属性，比如toString()这样的javascript自带的不能够被遍历。也就是说for in语句可以遍历对象上所具有的一切非javascript自带的属性或者方法，无论是不是原型链上的。 如果是数组，for in 是数组索引。 var obj=[{  webName:"蚂蚁部落",
JAVA GUI编程、JFrame框架、面板、常见组件
热门推荐
干饭银的足迹——博客
03-10 1万+
1.GUI编程引言 以前的学习当中，我们都使用的是命令交互方式： 例如:在DOS命令行中通过javac java命令启动程序. 软件的交互的方式： 1. 命令交互方式 图书管理系统 2. 图形交互方式 Java提供了专业的API用于开发图形用户界面 GUI--&gt; Graphic User Interface 将要了解GUI API的框架结构,以及GUI组件以及组件之间的...
Oracle 10G安装指导
干饭银的足迹——博客
10-28 1万+
Oracle 10G安装指导   1：解压文件10201_database_win32.zip，并双击解压目录下的setup.exe，出现安装界面，如下： : 2：输入口令和确认口令，如：password，点击下一步，出现如下进度条， 注：此口令即是管理员密码。 3：检查先决条件，选中红框所示的选择框，如下图：   4：点击“下一步”，出现“概要”界面，点击“安...
Html漂亮的table样式模板
最新发布
干饭银的足迹——博客
08-23 6918
Html漂亮的table样式模板
Web前端开发：BOM与DOM编程实战解析
"第8章 BOM与DOM编程.pptx" 在Web前端开发中，BOM（Browser Object Model，浏览器对象模型）和DOM（Document Object Model，文档对象模型）是两个至关重要的概念。BOM主要负责处理与浏览器交互的相关功能，而DOM则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晓 5

有啥不懂的可以单聊解答....

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值