家用电器厂家官方指定售后联系方式提供网站,前三名可减少百分之10%的维修费用
  • 维修首页
  • 维修电话
您的位置:首页 > Html> JavaScript-{js}基础(二)。

11月252014

JavaScript-{js}基础(二)。

发布:2014-11-25 14:21 Tuesday   分类:Html   阅读:1666次   评论:0条

 根据上节课,再说一个简单的小趣味。:

sdfsdfasdfassdfsddf.jpg 

点击之后就变成这样:

QQ图片20141124143224.jpg

再点击就收起来了。

 

if 判断:

点击按钮显示/隐藏Div (弹出菜单)

-特效实现过程及其原理分析
-if的基本形式

if语句如下:

if(条件)
{
 条件成立显示这个。
}
else
{
 条件不成立则显示这个。
}

这样说可能还不太懂 ,再举一个显示的例子:

就说现实的天气预报吧,这个预报有时候准有时候不准,不是说预报有雨你就一定

要带伞,等下没雨,你带伞遮太阳吗?
  比如今天预报有雨  你就要带伞,如果没有雨就不用带伞。

if(天气预报有雨)
{
 带伞
}
else
{
不用带伞
}

根据上次js 基础一的教材.扩展成这样  例子:
function showhai(div1){
var oDiv=document.getElementById('div1');
if(oDiv.style.display=='block')
{
oDiv.style.display='none';
}
else{
oDiv.style.display='block';
}
}

上次忘记说的一点就是: var 这个。

上次我们是用document.getElementById('div1').style.display='none'

var 就是代替的意思,比如说

你的名字 然后别人给你起个绰号   比如你叫王帅哥,绰号叫王八 因为王八容易

记,别人都叫你王八了。

例子 var 王八=王帅哥

王八的同学叫小二。
王八的妈妈叫王妈

这样一说 别人就知道王八其实就是王帅哥。

代码例子:

var oDiv=document.getElementById('div1');

oDiv.style.display='none';


完全例子代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>alzhai.com/js初学教材</title>
<!--
<link rel="stylesheet" type="text/css" href="css1.css"/>
-->
<style type="text/css">
#div1{
width:100px;
height:50px;
background-color:pink;
border:1px solid #999;
display:none;
}
</style>
<script type="text/javascript">
function showhai(div1){
var oDiv=document.getElementById('div1');
if(oDiv.style.display=='block')
{
oDiv.style.display='none';
}
else{
oDiv.style.display='block';
}
}

</script>
<head/>
</body>
<form>
<input type="button" name="div1" onclick="xianshi(div1)"
value="查看更多" />

<div id="div1">
你看到了吗,嘎嘎。
</div>
</form>

</body>
</html>



本文固定链接: http://alzhai.com/post-595.html

上一篇::PHPnow 添加虚拟主机并且访问指定文件夹
下一篇:JavaScript-{js}基础(一)。

热门文章

  • 上海虹口区三星冰箱售后服务_虹口区三星冰箱售后服务网电话多少
  • 上海长宁区厨壹堂集成灶售后服务维修电话_欢迎访问
  • 上海黄浦区东洋空调售后服务维修总部电话欢迎您
  • 上海徐汇区麦克维尔空调售后服务电话_麦克维尔空调上海售后维修电话
  • 上海博世冰箱维修电话_上海博世冰箱售后电话_上海博世冰箱服务

相关文章

  • css img js 缓存问题
  • js 自动执行函数
  • <button>设置为不可点击
  • css 文字下移
  • html 图片模糊效果


    最新维修电话

    • 欢迎进入!上海闵行区博洛尼燃气灶各区-博洛尼售后服务总部电话
    • 欢迎进入!上海闵行区弗兰特燃气灶各区-弗兰特售后服务总部电话
    • 欢迎进入!上海闵行区前田燃气灶各区-前田售后服务总部电话
    • 欢迎进入!上海闵行区博亚燃气灶各区-博亚售后服务总部电话
    • 欢迎进入!上海闵行区欧特燃气灶各区-欧特售后服务总部电话
    • 欢迎进入!上海闵行区摩恩燃气灶各区-摩恩售后服务总部电话
    • 欢迎进入!上海闵行区宇杰燃气灶各区-宇杰售后服务总部电话
    • 欢迎进入!上海闵行区山富燃气灶各区-山富售后服务总部电话
    • 欢迎进入!上海闵行区雅迪尔燃气灶各区-雅迪尔售后服务总部电话
    • 欢迎进入!上海闵行区欧派燃气灶各区-欧派售后服务总部电话
    • 欢迎进入!上海闵行区申海燃气灶各区-申海售后服务总部电话
    • 欢迎进入!上海闵行区大西洋燃气灶各区-大西洋售后服务总部电话
    • 欢迎进入!上海闵行区申花燃气灶各区-申花售后服务总部电话
    • 欢迎进入!上海闵行区好太太燃气灶各区-好太太售后服务总部电话
    • 欢迎进入!上海闵行区博川燃气灶各区-博川售后服务总部电话
    • 欢迎进入!上海闵行区沪吉燃气灶各区-沪吉售后服务总部电话
    • 欢迎进入!上海闵行区海华燃气灶各区-海华售后服务总部电话
    • 欢迎进入!上海闵行区英雄燃气灶各区-英雄售后服务总部电话
    • 欢迎进入!上海闵行区能率燃气灶各区-能率售后服务总部电话
    • 欢迎进入!上海闵行区林内燃气灶各区-林内售后服务总部电话
    • 欢迎进入!上海闵行区凯泽燃气灶各区-凯泽售后服务总部电话
    • 欢迎进入!上海闵行区贝克玛燃气灶各区-贝克玛售后服务总部电话
    • 欢迎进入!上海闵行区蓝宝石燃气灶各区-蓝宝石售后服务总部电话
    • 欢迎进入 !上海蓝宝石燃气灶各区-蓝宝石售后服务总部电话
    • 欢迎进入—上海长宁区伊莱克斯燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区帅康燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区老板燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区欧琳燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区樱花燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区阿里斯顿燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区松下燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区华帝燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区劳狄斯燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区西门子燃气灶售后服务维修电话
    • 欢迎进入—上海长宁区迅达燃气灶网站(各区)迅达售后服务电话
    • 欢迎进入—上海长宁区优盟燃气灶网站(各区)优盟售后服务电话
    • 上海长宁区NORITZ锅炉售后服务电话
    • 上海长宁区雅克菲锅炉售后服务电话
    • 上海闵行区雅克菲锅炉售后服务电话
    • 上海闵行区NORITZ锅炉售后服务电话
    • 上海闵行区SMITH锅炉售后服务电话
    • 上海闵行区BUDERUS锅炉售后服务电话
    • 上海闵行区SMITH锅炉售后服务电话
    • 上海闵行区BERETTA锅炉售后服务电话
    • 上海闵行区KITURAMI锅炉售后服务电话
    • 上海闵行区SIME锅炉售后服务电话
    • 上海闵行区WEIL-MCLAIN锅炉售后服务电话
    • 上海闵行区BAXI锅炉售后服务电话
    • 上海闵行区DEMRAD锅炉售后服务电话
    • 上海闵行区EVERHOT锅炉售后服务电话
    • 上海闵行区IMMERGAS锅炉售后服务电话
    • 上海闵行区RINNAI锅炉售后服务电话
    • 上海闵行区ARISTON锅炉售后服务电话
    • 上海闵行区BOSCH锅炉售后服务电话
    • 上海闵行区LOTTE锅炉售后服务电话
    • 欢迎进入_上海LOTTE锅炉各区LOTTE售后服务_LOTTE锅炉售后电话
    • 欢迎进入_上海Thermona锅炉各区Thermona售后服务_Thermona锅炉售后电话
    • 欢迎进入_上海American锅炉各区American售后服务_American锅炉售后电话




粤ICP备15106218号     site.txt