博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript学习(一)
阅读量:6582 次
发布时间:2019-06-24

本文共 873 字,大约阅读时间需要 2 分钟。

JavaScript是网络脚本语言,与Html语言混合使用,在学习JavaScript之前,要有一定的Html基础。

那么如何把JavaScript放入Html页面呢?

JavaScript放人Html页面有三种方式:

1.放入head部分

JavaScript放入head部分,只有脚本被调用时,脚本才会被执行,可以确保在调用JavaScript之前,JavaScript就已经被载入了。

Example:

                 

此实例当button被点击以后会弹出“我被点击了!”的窗口,但是button的背景颜色并没有改变,说明脚本$("#click").css("background""red");载入的时候,button并没有载入,所以没办法改变button的背景色。

2.放入body部分

JavaScript放入body部分,页面载入的时候脚本就被执行了

Example:

       

此实例页面载入的时候button的背景颜色就变成红色的了,说明页面载入的时候脚本就被执行了。

3.放入Html外部,然后引用到Html

单独写脚本文件,然后引用到Html,这样可以多个页面引用相同的脚本,可以使代码重复利用。

      

只要按照实例中的方式添加了jquery-1.5.1.js的脚本引用以后,就可以调用jquery-1.5.1.js中的所有方法了

综上讲述了javascript脚本语言在网页编程中放置的三个位置,他们可以同时使用。

1.需要重复利用的脚本可以放置在Html外部,

2.需要页面载入的时候就被执行的,放置在body部分,

3.需要在使用前就已经被加载的,就放入head部分

作者: 

出处: 
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载:http://www.cnblogs.com/greenteaone/archive/2012/02/24/2366159.html

你可能感兴趣的文章
React Native 0.20官方入门教程
查看>>
JSON for Modern C++ 3.6.0 发布
查看>>
我的友情链接
查看>>
监听在微信中打开页面时的自带返回按钮事件
查看>>
第一个php页面
查看>>
世界各国EMC认证大全
查看>>
最优化问题中黄金分割法的代码
查看>>
在JS中使用Ajax
查看>>
Jolt大奖获奖图书
查看>>
ubuntu 16.04 安装PhpMyAdmin
查看>>
设置分录行按钮监听事件
查看>>
java并发库之Executors常用的创建ExecutorService的几个方法说明
查看>>
23种设计模式(1):单例模式
查看>>
socket 编程入门教程(五)UDP原理:4、“有连接”的UDP
查看>>
Jquery获取iframe中的元素
查看>>
Laravel 学习笔记5.3之 Query Builder 源码解析(下)
查看>>
Struts2简单入门实例
查看>>
2012CSDN年度博客之星评选http://vote.blog.csdn.net/item/blogstar/xyz_lmn
查看>>
BZOJ 4037 [HAOI2015]数字串拆分 ——动态规划
查看>>
SpringBoot实战总汇--详解
查看>>