开始学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>
开始学javascript基础的更多相关文章
- 从头开始学JavaScript 笔记(一)——基础中的基础
原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成 javascript ECMASc ...
- 《零基础学JavaScript(全彩版)》学习笔记
<零基础学JavaScript(全彩版)>学习笔记 二〇一九年二月九日星期六0时9分 前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- javascript基础02
javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
- 怎么学JavaScript?
作者:小不了链接:https://zhuanlan.zhihu.com/p/23265155来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 鉴于时不时,有同学私信问我( ...
- JavaScript基础插曲-练习
Javascript基础学习 eg:利用正则表达式来去掉空格. 1:msg=' Hello ': <script type="text/javascript"> ...
- JavaScript基础系列(变量与类型)
以下内容将JavaScript简称为JS 打开本文时不管你是零基础的初学者还是其他语言的老兵,我都想说程序语言的基础支撑起了整个网络世界,不把这些基础学透之后稍复杂的内容会让你寸步难行. 现在先给编程 ...
- 统一回复《怎么学JavaScript?》
作者:小不了链接:https://zhuanlan.zhihu.com/p/23265155来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 鉴于时不时,有同学私信问我( ...
- javascript基础系列(入门前须知)
-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...
随机推荐
- 第10章DOM笔记
第十章 DOM 一 Node类型 共有12种节点类型,每个节点都有nodeType属性,用于表明节点类型,nodename 表示标签名称 nodeValue始终为null 1.操作节点 a) app ...
- QM项目开发文档整理
QM项目开发文档整理 前言 在W公司工作4个多月,庆幸接触到的全是"硬"项目,真枪实干,技术.经验.能力都得到了很大提升. QM项目 此项目WEB前端学到的东西很多,对PHP项目的 ...
- 利用redis协助mysql数据库搬迁
最近公司新项目上线,需要数据库搬迁,但新版本和老版本数据库差距比较大,关系也比较复杂.如果用传统办法,需要撰写很多mysql脚本,工程量虽然不大,但对于没有dba的公司来说,稍微有点难度.本人就勉为其 ...
- 用lambda表达式替代 for循环进行批量操作。
IEnumerable<Rect> rectlist3 = rectlist.Select(rect =>newRect(rect.X + 2000, rect.Y, rect.re ...
- ZooKeeper笔记--集群安装配置 【转】
ZooKeeper是一个分布式开源框架,提供了协调分布式应用的基本服务,它向外部应用暴露一组通用服务——分布式同步(Distributed Synchronization).命名服务(Naming S ...
- SQL Fetch size
JDBC performance tuning with optimal fetch size February 1, 2009 31 Comments Tuning performance usin ...
- PYTHON线程知识再研习G--线程间通信Event
很多时候,线程之间会有互相通信的需要.常见的情形是次要线程为主要线程执行特定的任务,在执行过程中需要不断报告执行的进度情况.前面的条件变量同步已经涉及到了线程间的通信(threading.Condit ...
- VS2015 C#6.0 中的那些新特性(转载)
自动属性初始化 (Initializers for auto-properties) 以前我们是这么写的 为一个默认值加一个后台字段是不是很不爽,现在我们可以这样写 只读属性的初始化(Getter-o ...
- HDU5044---Tree 树链剖分
大致题意:add1 u v u到v路径上所有点的权值加上k,add2 u 到v路径上所有边的权值加上k 最后输出所有点的权值,边的权值..树链剖分预处理然后来个线性O(n)的操作.刚开始用线段树 ...
- hdu4622-Reincarnation(后缀自动机)
Problem Description Now you are back,and have a task to do:Given you a string s consist of lower-cas ...