JavaScript简单的例子

 

 

 

 

动态显示时间

步骤： * 得到当前的时间  var date = new Date(); //得到不是常规的格式 var d1 = date.toLocaleString(); //格式化 * 需要让页面每一秒获取时间 setInterval方法 定时器 * 显示到页面上 每一秒向div里面写一次时间 * 使用innerHTML属性

代码如下：

效果显示

省市（国家/城市）联动

步骤： * 创建一个页面，有两个下拉选择框 * 在第一个下拉框里面有一个事件 ：改变事件 onchange事件 - 方法add1(this);表示当前改变的option * 创建一个二维数组，存储数据 * 每个数组中第一个元素是国家名称，后面的元素是国家里面的城市 1、遍历二维数组 2、得到也是一个数组（国家对应关系） 3、拿到数组中的第一个值和传递过来的值做比较 4、如果相同，获取到第一个值后面的元素 5、得到city的select 6、添加过去（使用）appendChild方法 - 创建option（三步） 由于每次都要向city里面添加option 第二次添加，会追加。 每次添加之前，把city的innerHTML=""；

代码如下： --请选择-- 中国 美国 德国 日本 --请选择--

效果显示：

动态生成表格

步骤 ： *创建一个页面：两个输入框和一个按钮和一个div 1、得到输入的行和列的值 2、生成表格 ** 循环行 ** 在行里面循环单元格 3、显示到页面上 - 把表格的代码设置到div里面 - 使用innerHTML属性

代码如下： 行： 列：

效果显示：

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/xxb5/p/10040230.html