zoukankan      html  css  js  c++  java
  • 开始学javascript基础

    JavaScript非常值得我们学习。

    1)所有主浏览器都支持JavaScript.

    2) 目前,全世界大部分网页都使用JavaScript.

    3) 它可以使网页呈现各种动态效果。

    4)作为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验

    ,JavaScript是必不可少的工具。


    基础布局

    JavaScript的布局必须放在<html>与</html>的之中可以放头部内容都可以。

    属性必须写在<script>与</script>之间,可以提示大家设置为<script type="text/JavaScript></script>

    类似CSS的选择器,

    <script type="text/javascript">  

    document.write("hello");

    document.getElementById("p1").style.color="blue";

    </script>

    document(文档选择器)  .write(输入的意思)两个链接中间不可以出现其他词语

    (“hello”)  括号里面就是向网页中表达出来的词语。必须在括号内,用引号包裹起来,用;分号结束。

    document.getElementById("p1).style.color="blue";

    文档选择器,使用方的意思(“p1”)此处需要用ID选择符连接在所需要的内容区,注意”使用方“处需要注意大小写。

    在用css的样式选择,.style.color="blue";样式.颜色=“蓝色”;ID扑捉器将其在JS里面进行修改。用.点号连接。


    JavaScript代码不单是可以写在HTML文件中,我们还可以把HTML文件和JS代码分开,并单独创建一个JavaScript

    文件(简称JS),其文件后缀通常为JS,然后将JS代码直接写在JS文件中。

    index.html                  script.js

    <html>...</html>    alert(”JS代码“)

    在JS文件中,就不需要写<script>的标签了,直接编写JavaScript代码就可以了。

    JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中

    <script src="script.js"></script>    这样就可以拉。


    JS虽然可以放在HTML文件中的任意位置但是我们一般放在网页的head或者body部分。

    放在<head>部分:

    最常用的方式是在页面中的head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

    放在<body>部分:

    JavaScript代码在网页读取到该语句的时候就会执行。

    JavaScript作为一种脚步语言可以放在html中的任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的JS必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

    一行的结束就被认定为语句的结束,通常在结尾加上一个分号“;”来表示语句的结束。有多句的话,请按顺序执行语句


    JS的注释很重要

    注释可提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示。注释可分单行与多行注释两种。

    <script type="text/JavaScript">

    document.write("单行注释使用‘//’");  //我是注释,括号内能出现在网页的输入内容里。

    document.write(“多行注释使用/*注释内容*/”)

    /*

    很多行的话可以

    这样注释掉,

    使用起来非常方便

    */

    </script>


  • 相关阅读:
    【SpringBoot】02 概述
    【SpringBoot】01 快速上手
    【SpringMVC】12 文件上传和下载
    【SpringMVC】10 对Ajax的应用
    【SpringMVC】11 拦截器
    【SpringMVC】09 对JSON的应用
    【SpringMVC】08 Post请求乱码
    【SpringMVC】06 转发 & 重定向
    【Mybatis】Bonus02 补充
    【SpringMVC】05 RestFul风格
  • 原文地址:https://www.cnblogs.com/liang1/p/4943895.html
Copyright © 2011-2022 走看看