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>


开始学javascript基础的更多相关文章

  1. 从头开始学JavaScript 笔记(一)——基础中的基础

    原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMASc ...

  2. 《零基础学JavaScript(全彩版)》学习笔记

    <零基础学JavaScript(全彩版)>学习笔记 二〇一九年二月九日星期六0时9分 前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...

  3. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  4. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

  5. 怎么学JavaScript?

    作者:小不了链接:https://zhuanlan.zhihu.com/p/23265155来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 鉴于时不时,有同学私信问我( ...

  6. JavaScript基础插曲-练习

    Javascript基础学习 eg:利用正则表达式来去掉空格. 1:msg=' Hello ': <script type="text/javascript">     ...

  7. JavaScript基础系列(变量与类型)

    以下内容将JavaScript简称为JS 打开本文时不管你是零基础的初学者还是其他语言的老兵,我都想说程序语言的基础支撑起了整个网络世界,不把这些基础学透之后稍复杂的内容会让你寸步难行. 现在先给编程 ...

  8. 统一回复《怎么学JavaScript?》

    作者:小不了链接:https://zhuanlan.zhihu.com/p/23265155来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 鉴于时不时,有同学私信问我( ...

  9. javascript基础系列(入门前须知)

    -----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...

随机推荐

  1. ActiveReport 9手把手搭建环境及实战

    本文借鉴葡萄城空间产品,纯属分享,无任何营利目的 下载ActiveReports 9 专业版 打开下面的网站,点击立即下载,请您填写真实电子邮件地址,以获取ActiveReports产品试用版---系 ...

  2. 使Asp.net WebApi支持JSONP和Cors跨域访问

    1.服务端处理 同源策略(Same Origin Policy)的存在导致了“源”自A的脚本只能操作“同源”页面的DOM,“跨源”操作来源于B的页面将会被拒绝.同源策略以及跨域资源共享在大部分情况下针 ...

  3. iOS_SN_LLDB常用命令

    有一次因为封装一个控件,UI能正常显示就是不能点击,一点击就崩溃,而且异常断点也无法捕捉,把Xcode的僵尸对象打开,每次崩溃就打印一个地址,最后就必须根据地址寻找对象,可以使用frame varia ...

  4. DOM 添加 / 更新 / 删除 XML (CURD)

    获得Document /**     * 获取文档     * 1.获得实例工厂     * 2.获得解析器     * 3.获得document     */ 添加结点 /**     * 1.获得 ...

  5. 读书笔记_Effective_C++_条款二十三:宁以non-member、non-friend替换member函数

    有下面一种情况 class A { private: int a; int b; public: A(int x, int y) :a(x), b(y){} void a_display(){ cou ...

  6. 数学函数类方法的使用.java

    public class Test { public static void main(String[] args) { double a=2,b=3; double z1=Math.pow(a,b) ...

  7. 对mysql进行分表

    1. 有某个自段进行md5散列,然后生成ord SCII码 $num = ord(md5($user)) //是一个数字 参考 $num/3 ,$num/4;如果我们不是严格意义上的分表,可以参考分布 ...

  8. 理想与现实——观电影《Dead Poets Society》有感

    我们每一个人都注定要死去,看看那些旧照片,照片里的年轻人现在都在哪里呢?也许有的人曾经充满活力,曾经信誓旦旦地要去改变这个世界,但如今却变得只知道顺从,如果你去问他们,他们会说:大概这就是现实吧. 现 ...

  9. 这样就算会了PHP么?-8

    关于PHP的一些时间函数,这个小节完之后,就可以进入PHP比较高级的内容啦... <?php date_default_timezone_set("Asia/Shanghai" ...

  10. Altium Designer规则

    1.PCB规则 是PCB设计中至关重要的一个环节:保证PCB符合电气要求.机械加工(精度)要求:为自动布局.布线和部分手动布局.布线操作提供依据 为规则检查提供依据,PCB编辑期间,AD会实时地进行一 ...