Home > Article > Web Front-end > HTML learning summary 10_html/css_WEB-ITnose
1、加入JavaScript和外部内容
(1)画布介绍
画布元素是一个自由格式的区域,在这里你可以通过用图像、手工制图、动画和文本来提升网页的用户提样。
可以用适当的
2、JavaScript
JavaScript不是Java、它基本上和Java编程语言没有什么关系。
使用程式库或框架技术可以让JavaScript在所有流行的浏览器中以同样的方式工作,其中一种流行的框架技术称为jQuery
3、在网页中加入JavaScript,需要加入<script>标记符。具体来说,开始标记符应该是这样的:</p> <p> <script type="text/ javascript"></p> <p> 结束标记符应该像下面这样:</script>
在开始标记符和结束标记符中间正是你要插入JavaScript代码的地方。<script>标记符通常包含src属性,该属性说明,网页插入了外部的JavaScript文件。例如:有一个 JavaScript文件,它的文件名是“myjavascript.js",则应该以这样的的方式加入该文件。</p> <p> <script type="text/javascript" src="myjavascript.js"></script>
4、用户的浏览器可能禁用JavaScript
有些用户浏览器禁用JavaScript或者一些用户没有安装最新版本的浏览器Web浏览器,很多原因使用户不愿意启用JavaScript,为了网站在没有JavaScript的情况下依然可以工 作,你要确保JavaScript以适当的方式发出错误信息。
检验JavaScript是否被启用的方法是使用
5、JavaScript事件和jQuery
jQuery是一个开源的JavaScript文件,它不仅省略了开发人员索要处理的跨浏览器兼容性的问题,而且简化了JavaScript初学者所所不具备的高级编程技术,jQuery的 JavaScript框架,对于JavaScript事件和所有常见的JavaScript来说,都是非常理想的编程工具。
6、获取jQuery工具
可以从http://jquery.com下载jQury。jQuery只有一个文件,将它放在网站的文档的根目录处或主文件夹下(或具体环境中放置JavaScript文件的地方)
7、jQuery中有一个函数叫.ready()。它只会在浏览器完全装载网页并且已经为JavaScript准备好了后才会执行。jQuery代码以$符号开头和括号开始。
例如:
$(document).ready(alert('Hello Again'));
8、
(1)用jQuery来选择元素,例如:
、、
HTML代码带有一个
如果使用jQuery,以下的语法会使选择元素变得简单:
$("#contentDiv")
You can also use the following syntax to select all
$(".classname")
(2)jQuery also provides several other methods to select elements, including the layering function, through which you can select the sub-elements of an element; or select all other elements except the specified element; or Select an element's parent elements
or use any of the many other selectors.
Please see an additional example;
🎜>
$("#contentDiv").css("backgroundColor","#abacab");
$("#contentDiv") .click(function(){
$(this).fadeout(5000);});