JavaScript基础（7.综合实例）

html>
lang="en">

    charset="UTF-8">
    
    

style="margin: 0;">

    type="button" value="添加" οnclick="ShowModel();"/>
                                                                                                                                                                                                        



主机名
端口




1.1.1.1
90


1.1.1.2
91


1.1.1.3
92





id="i1" class="c1 hide">



id="i2" class="c2 hide">
    
type="text"/>
    
type="text"/>
    

        type="button" value="取消" οnclick="HideModel();"/>

        type="button" value="确定"/>

效果是这样：
打开网页时候是这样：


然后点击添加键后变成这样：




如果点击取消键之后会变成这样：


这就是一个简单的例子，综合了以前学过的知识。