第一个javascript

系统:windows10    编辑器:NotePad++

首先开启浏览器的javascript,我的是google浏览器,步骤:设置--高级设置--内容设置--选中“允许所有网站使用javascript(推荐)”

第一种运行js脚本的方法:外部脚本代码文件——*.js,在页面中需要的位置引用。

新建文件夹绝对url是:C:\Users\Catherine\Desktop\FronteEnd\FrontEndSrc\scripts

在script文件夹中编写脚本:firstjs.js     第一个html:runfirstjs.html(引用firstjs.js)

完成后双击runfirstjs.html,就可以在浏览器中看到结果。

 

第二种运行脚本的方法:内部脚本代码块——放置在页面中的任意位置(页面头部,页面身体部分等)

嵌入代码:

结果:

注意:在一些XHTML注释内部会隐藏这些脚本

第三种运行脚本的方法:嵌入脚本代码块

在runfirstjs.html中嵌入代码块:

运行结果:

以上三种方式都可以运行js脚本。因为:

  • *.js脚本可被多个网页使用,实现了共享代码,而且第三方看不到源码,保密性好。
  • 如果希望更新脚本,只需要在一个位置修改。
  • 在外部代码文件中可放置相对独立且功能完善的公用函数。
  • 可以使XHTML的网页更加清晰并且容易阅读。

参考链接:http://blog.csdn.net/u012561176/article/details/44097383

http://blog.163.com/[email protected]/blog/static/7357517920095193619897/

时间: 2024-11-14 12:30:22

第一个javascript的相关文章

每天一个JavaScript实例-html5拖拽

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-html5拖拽</title> <style> #drop{ width:300px; height:200px; background-

如何成为一个javascript高手【转载】

原文网址: http://www.cnblogs.com/keva/p/how-to-become-a-javascript-badass.html 英文网址:http://www.clientcide.com/deep-thoughts/how-to-become-a-javascript-badass/ 上周我写了一篇相当漫长的文章,感叹要找到一个有天分的前端开发人员是相当具有挑战性的.这篇文章引起了一些评论和电子邮件形式的讨论,我不只是想要在这里抱怨这种客观事实而是想要对该现状发表一下个人

每天一个JavaScript实例-使用带有定时器的函数闭包

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-使用带有定时器的函数闭包</title> <style> #redbox{ position:absolute; left:100px;

famo.us 一个JavaScript游戏引擎初探

好久之前就看到了famo.us的优良特性,尤其是它避开浏览器弊病的跳跃思维,再加上自己使用JQM来开发Web App时的页面切换的白屏bug,又比对了sencha touch,最后还是决定将famo.us作为开发框架,它是基于浏览器的,目标就是使页面呈现性能最大化,而我不会拿它来做游戏,只是做简单的WebApp,要的就是这个界面显示性能. 但悲剧的是国内没有关于famo.us的教程,近些日子Google被天朝打压的挺惨,幸运的是famo.us官网还是可以访问的,所以以下的学习结果都来自官网htt

每天一个JavaScript实例-从一个div元素删除一个段落

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-从一个div元素删除一个段落</title> <style> p{ padding:20px; margin:10px 0; width:

每天一个JavaScript实例-判断图片是否加载完成

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一个JavaScript实例-判断图片是否加载完成</title> <script> window.onload= function(){ //clearTimeout(clock); alert("加载完成"); } v

Functions类,一个Javascript的函数加法类,将两个函数加起来,顺序执行

以下是类的代码: 1 var Functions = { 2 oFunctions: null, 3 add: function (oFunc, oNewFunc) { 4 var oNew = function () { 5 oFunc(); 6 oNewFunc(); 7 }; 8 return oNew; 9 } 10 }; 以下是测试代码: 1 function one() { 2 alert(1); 3 } 4 5 function two() { 6 alert(2); 7 } 8

基于Grunt构建一个JavaScript库

现在公认的JavaScript典型项目需要运行单元测试,合并压缩.有些还会使用代码生成器,代码样式检查或其他构建工具. Grunt.js是一个开源工具,可以帮助你完成上面的所有步骤.它非常容易扩展,并使用JavaScript书写,所以任何为JavaScript库或项目工作的人都可以按自己的需要扩展它. 本文解释如何使用Grunt.js构建JavaScript库.Grunt.js依赖Node.js和npm,所以第一节解释其是什么,如何安装和使用.如果你对npm有了解,那你可以跳过这一节.第四和第五

每天一个JavaScript实例-检測表单数据

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-检測表单数据</title> <style> [role="alert"]{ background-color: #f

写一个JavaScript函数,把url解析成对象

请编写一个JavaScript函数parseUrl.目的是把URL参数解析为一个对象,如: var url='http://192.168.1.1/index.php?p0=0&p1=1&p2=2'; var obj=parseUrl(url);console.log(obj.p0,obj.p1,obj.p2);//输出0,1,2 1 <script> 2 var url='http://192.168.1.1/index.php?p0=0&p1=1&p2=2'