Posts tagged ‘Javascript’

Angular2 组件间通过@Input @Output通讯

父组件传给子组件:

子组件设置@Input属性,父组件即可通过设置html属性给子组件传值。
子组件:

  @Input() title:string;
  _name:string = '';

  @Input() set name(name:string) {
    this._name=(name&&name.trim())||'';
  }

Javascript 动态添加删除表格元素

下面的例子是通过监听点击事件,动态添加行,删除行、单元格。
Continue reading “Javascript 动态添加删除表格元素” »

Javascript浏览器兼容性判断

IE是个奇怪的浏览器,背离国际标准,有一套自己的标准,导致开发者必须对各种浏览器进行兼容性测试。但是因为微软的捆绑销售,市场占有率非常高,而在国内,因为Ghost XP的盛行,IE6.0这个连微软自己都想K掉的版本占有率却达到60%以上。
下面是代码,点击以后会在点我后面加上点了两字,兼容Firefox,IE




    
        
        Javascript | 应用开发笔记
        
    
    
    	

点我

Javascript用innerHTML动态修改HTML

innerHTML属性可读可写,所以我们可以用这个属性动态修改显示的HTML,下面的例子,是页面载入时弹出对话框显示body标签内的内容,然后在javascript中修改这段内容成一个链接。




    
        
        Javascript | 应用开发笔记
        
    
    
        

第一行

Javascript 创建Html节点

下面的例子运行会显示两行,第二行左间距为20像素,颜色为红色




    
        
        Javascript | 应用开发笔记
        
    
    
        

第一行

Javascript 获取HTML标签属性值

Javascript 获取HTML标签属性值


var a=document.getElementsByTagName("p")[0];//得到第一个

标签 alert(a.getAttribute("name"));//获取name属性值

Javascript 对HTML DOM模型节点的操作

直接看源代码吧,不算难




    
        
        Javascript | 应用开发笔记
		
    
    
		
    第一个UL
    第二个UL

Javascript 表单的验证提交

具体对表单数据合法性的验证,这里就不提了,参考 Javascript 获取页面元素属性的两种方法,结合字符串,Math对象函数。
这里主要讲在提交表单时执行javascript的方法。
方法如下:给表单的加上onsubmit属性或者提交按钮的加上onclick属性,值为return check(),check是javascript函数,验证表单用的,没有return,即使验证失败也会提交。在check函数中,验证失败返回false,成功返回true.
代码:




    
        
        Javascript | 应用开发笔记
    
    
    	
姓名:
年龄: