DHTML【9】--Javascript
大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚。
好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript。
初看Javascript有点头晕,因为名字中有个Java,Java似乎很难啊,学好那东东没有个几年是学不好的的啊,如果你有这样的心理那你就错了,Javascript是一种动态网页脚本语言,他和Java的关系就如同加州牛肉面和马华牛肉面之间的关系,虽然名字里都有牛肉面,都是做面起家的,但是两种面里的汤的味是不一样的,当然也不能小看Javascript,Javascript是目前最火的动态脚本语言,网页设计中最耀眼的Jquery其实就是对Javascript的封装,网页设计最火的Ajax技术都是通过Javascript和其他技术的综合实现的, Javascript甚至可以开发Unity3D游戏,因此作为程序员Javascript是一定要全面掌握的,要求级别要比CSS高很多很多。
说了这么多,那就看看到底是在哪里用的呢?
还记得我在前面介绍HTML时提过<script>标签吗,Javascript的代码就是放在这里的,另外Javascript代码也可以封装在一个js文件里,在通过引用的形式引用进来,在使用Jquery的时候就是这样引用的,这种引用的使用方式是使用的频率最多的。
Javascrip是一门独立的程序设计语言,但是他是一个弱类型语言,如果你有C#或者Java基础,学习这门语言应该不成问题,程序员在学习Javascript前最好先掌握C、C++、C#或者Java语言中的一种语言,只是建议,为什么这么建议呢,因为他们很多的语法很相似。
下面说一下在HTML页面里怎么使用Javascript代码。
方式一:
在head标签内写script标签,在script标签内写Javascript代码,格式如下:
<head><script type=”text/javascript”>
var hello=”hello”;
</script></head>
“var“是Javascript中的数据类型,之所以说Javascript是一种弱类型语言就是在这里,Javascript里所有的数据类型包括整型、字符串型等都是统一用var代替,并且数据类型可以灵活赋值,如下代码:
var num=false;
num=”我错了吗?”;
在Java等语言里是绝对不允许此种现象的发生,但是在Javascript里是完全可以的,num的值就是被赋值的字符串,说道这是不是感觉Javascript真是碉堡了,呵呵,确实是碉堡了。
方式二:
通过<script>标签引入js文件到HTML页面的head标签内,js文件直接写Javascript代码,不能加<script>标签,格式如下:
<script src=”hello.js” type=”text/javascript”>
</script>
这里的src属性的值是js文件的路径和文件名,在js文件中写的代码被引用到HTML页面后,我们在操作的时候,和在script标签内操作的一样,例如在js文件中我定义一个var,当我引入该js文件后,我想操作该var,就直接为var赋值或者操作即可,但是所做的操作代码都必须写在<script>标签内,且类型是text/javascript。
好了,萝莉啰嗦了很多,这一节就到这里吧,下一节将介绍Javascript中的函数,函数应该是Javascript的核心的核心,这么强调其实一点都不过分,呵呵,敬请期待吧。
DHTML【9】--Javascript的更多相关文章
- DHTML【10】--Javascript
大家好,这一节主要介绍Javascript的函数.函数是Javascript的核心中的核心,这么强调一点都不过分,相信没有人反对,如果有人反对,你以后可以不用函数,呵呵,说的有点绝了啊. 下面看一下J ...
- 【译】JavaScript 开发者年度调查报告
截至目前有超过了 5000 人参与了(该次调查),准确的说是 5350 人.我迫不及待的想要和大家分享一下这次调查的细节.在分享之前我想要感谢参与调查的每一个人.这是 JavaScript 社区一个伟 ...
- 【转载】JavaScript导出Excel
[转载]JavaScript导出Excel 原文地址 如果没有用到前端插件,也没有用到后台poi导出的话,用js导出也是一种方式.亲测可用. /** * 导出excel */ var idTmr; f ...
- 【荐】JavaScript图片放大技术(放大镜)示例代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 【原】javascript执行环境及作用域
最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境 一.执行环境 书上概念 ...
- 【废弃】JavaScript 控制类语法
创建: 2017/10/07 完成: 2017/10/07 结束: 2019/02/19 把所有内容迁出到[JavaScript 基础]并将本博文归档到[废弃] return前加一个空格, 使所有单元 ...
- 【Tip】JavaScript
『JavaScript』 『引用网络资源』 JQuery <script src="http://code.jquery.com/jquery-latest.js">& ...
- 【废弃】【WIP】JavaScript 函数
创建: 2017/10/09 更新: 2017/11/03 加上[wip] 废弃: 2019/02/19 重构此篇.原文归入废弃 增加[废弃中]标签与总体任务 结束: 2019/03/12 完成废弃 ...
- JavaScript进阶【一】JavaScript模块化开发的基础知识
//模块化的最初写法 //1.最初写法 //下面的m1和m2就组成了一个模块 //缺点:"污染"了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系. f ...
随机推荐
- python开发_tkinter_小球完全弹性碰撞游戏_源码下载
完成这个小球的完全弹性碰撞游戏灵感来自于: 下面是我花了一周下班时间所编写的一个小球完全弹性碰撞游戏: 游戏初始化状态: 最下面的游标和修改小球的移动速度 ====================== ...
- HDU 5698 瞬间移动 数学
瞬间移动 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5698 Description 有一个无限大的矩形,初始时你在左上角(即第一行第一列),每次 ...
- ROS知识(12)----cv_bridge依赖opencv版本的问题
cv_bridge默认依赖的oencv版本是2.4.8,如果安装了新的opencv版本,比如2.4.11,那么在编译cv_bridge时候会提示无法找到opencv 2.4.8.so的库. 为解决这个 ...
- private、protected、public
private protected public 本类内 Y Y Y 子类内 N Y Y 外部 N N N <?php class MyClass{ public $public = 'Pu ...
- chrome --headless --disable-gpu --dump-dom http://www.python.org
Driving Headless Chrome with Python:Python chrome --headless --disable-gpu --dump-dom http://www.pyt ...
- mysql 5.6 与5.7安装
http://blog.itpub.net/29733787/viewspace-1590891/ http://www.oschina.net/code/snippet_7933_45700
- CSS Flex布局属性整理
Flex布局 display: flex; 将对象作为弹性伸缩盒展示,用于块级元素 display: inline-flex; 将对象作为弹性伸缩盒展示,用于行内元素 注意兼容问题: webkit内核 ...
- C#编程(十)----------C#预处理器
原文链接:http://blog.csdn.net/shanyongxu/article/details/46491757 C#中的预处理器指令 #IF 如果 C# 编译器遇到最后面跟有 #endif ...
- 栅栏加解密python实现(支持密钥加密)
栅栏加解密是对较短字符串的一种处理方式.给定行数Row,依据字符串长度计算出列数Column,构成一个方阵. 加密过程:就是按列依次从上到下对明文进行排列,然后依照密钥对各行进行打乱.最后以行顺序从左 ...
- ArcEngine 连接sql server sde
前言 本想在soe中进行sde for sqlserver数据获取.由于soe的调试不方便,为了测试的简便,先在桌面上写了个arcengine连接sde for sqlserver的程序,但是本以为是 ...