码迷,mamicode.com
首页 > 编程语言 > 详细

javascript

时间:2016-11-23 10:18:11      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:侯琴琴

                        JS

这周开始正式学习js;先学一些最基本的东西并且了解它的用法。

 基本定义;Js是我们和浏览器交流的语言

我们了解到js三年前它是运行在客户端浏览器的一种脚本语言,但现在它是既可以放在浏览器也可以放在服务器。

 

一, 第一种(做弹出层);也就是弹出框。用的标签是<script></script>可以放在head里面也可以放在再body里面

      <script>

          alert(“今天下雪”)

</script>

 

二,第二种直接输出内容到页面

       <body>;

               <div onclick=”alert(‘下雪啦’)”>;点一下</div>   //点一下可以弹出框,

      Onclick(鼠标点击)       onmouseaut(鼠标划出)

      Onchange(heml的内容改变)   onkeydown(按下键盘)  onkeyup(松开键盘)

  [ 1. function a(){

            Document. Write(“<h1>下雪了</h1>”);

}

2.  <div onclick=”a()”>下雪</div>  ]

      function规定了功能a()的样式。

三,第三种;命令行输出(用于调试)

      Console(意思是输出)       

Console.log(下雪啦)   它呢只能用f12打开才能看到。

 

四,改变页面的内容

1.body下设的<div id=”one”>噢</div>

    写法;doument.getElementById(“one”).inner HTML”中间可加文本和图片”;

   2.function a(){

                   doument.getElementById(“one”).innerHTML“可加文本和图片”

}

Function包含a()里所显示的样式。 

注释;首先写div给个id ,inner HTML就可以替换id里面的内容。

 

DOM树里面的东西都是document包括的,所有的都是分级的,层级不能乱,否则代码就失去作用了,

Dom=document(文档) object(对象) model(模型)(连起来就是文档模型对象)

 

 

 

 

 

                       2016年11月21日       周一     


javascript

标签:侯琴琴

原文地址:http://12254270.blog.51cto.com/12244270/1875648

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!