day_1_9 js

在JavaWeb中, 常见的JS语法与Java大同小异.
我在这里主要总结一下JavaScript有关DOM操作和其内置对象的用法.

1. DOM

DOM(Document Object Model): 文档对象模型, 是JS动态操作HTML标签的依据.

a) 元素节点的获取

document.getElementById();
document.getElementsByName();
document.getElementsByTagName();

示例代码:

  
    
    
  
  
  
    用户名:
           

    性别: 男
        女
    
    点击
    
  

b) 动态增加内容

如在

标签下动态地增加一个
• 标签:

  
  
    
      
      
    
    
    
      
  
          
  狗娃
          
  狗剩
          
  铁蛋
      
      
      
      
    
  
  
  

  c) 操作元素节点的属性

  即改变一个HTML标签的属性

  2. JS常见内置对象

  window

  所有浏览器都支持 window 对象。它表示浏览器窗口。
  所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。(在使用时, window对象可以省略)

  alert();  弹出框
  confirm(); 警告框
  prompt(); 输入框
  

  示例代码:

  
  
    
      
      
      
  
    
    
    
      删除
      
    
  
  
  

  补充: 使用window对象实现定时器

  
  
    
      
      
      
  
    
    
    
      清除定时任务
      
    
  
  
  

  location

  location对象的href 属性, 一般用来作为页面的跳转

  
  
    
      
      
      
  
    
    
    
      跳转到百度页面
      
      
    
  
  
  

  history

  历史记录中前进/后退

  
  
    
      
      
      
  
    
    
    
      
       
       跳转到第二个页面