【JavaScript】讲解JavaScript的基础知识并且配有案例讲解( 二 )


js_1.js
function fun(){alert("这是一个JavaScript例子");}
html
Document今后大家将一起学习JavaScript知识
对象 语法格式
var 引用变量 = new 对象类型名();
引用对象的方法或属性的语法格式
引用变量 . 方法名([参数])
引用变量 . 属性
例如
var today=new Date();var prompt="今天是"+today.getFullYear()+"年"+(today.getMonth()+1)+"月";prompt=prompt+today.getDate()+"日";document.write(prompt);
网页中每个标记在加载时,会自动创建对应类型的对象 。通过.()等方法来获取对象,然后修改网页对象的属性,达到动态控制网页的效果,例如
var obj1=document.getElementById("stationList");obj1.style.display="block";
也可以写成下面的链式操作
var obj1=document.getElementById("stationList").style.display="block";
对象废除
var today=new Date();today=null;

【JavaScript】讲解JavaScript的基础知识并且配有案例讲解

文章插图
练习 ?创建一个HTML网页,使用if语句根据不同的时间,在网页上面显示不同的时间
根据现在的时间来显示
Document
?动态表格
【】动态表格_js动态表格_在下小吉.的博客-CSDN博客
?结构表现和行为
Document.c0{color: red;}.c1{color: green;text-align:center;}红色绿色并居中我要努力学好网页设计
按下第一个后
按下第二个后
分析
为什么代码里面的没有被调用,但是仍然能够执行呢
在这段代码中,()确实没有被直接调用 。它是在单选框元素的事件发生时才会执行 。
具体来说,这里使用了匿名函数定义方式,将一个函数作为事件处理函数传递给input[i].属性 。这个函数没有名字,因此称之为匿名函数 。
if(input[i]. == true){ h1. = 'c'+i; }
在事件处理函数内部,使用if条件判断语句判断当前单选框元素是否被选中 。如果被选中,则执行h1. = 'c'+i,将标题的样式类名更改为c0或c1,从而改变标题的字体颜色或对齐方式 。
?全选效果
全选效果td{ text-align:center;font-size:13px;line-height:25px;}全选商品名称价格(元)网页设计28CSS + DIV布局28JavaScript程序设计28
按下全选键后
?为下拉列表添加元素 方法一