系统: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/dennyxno1@yeah/blog/static/7357517920095193619897/

notepad++编写js怎么自动缩进换行?

网上的方法是在插件--plugin manager--show plugin manager--里面选定“NppAutoIndent”--install,重启就OK。可我的插件里面什么都木有,如下图:

所以我就在网上下载了jstool,放在notepad++的安装目录下的plugins里面。

下载链接:http://download.csdn.net/download/solio5/8074735

解压后看到JSTool.dll,将这个放到下图所示位置

然后就ok了。

第一个javascript的更多相关文章

  1. 意外作出了一个javascript的服务器,可以通过js调用并执行任何java(包括 所有java 内核基本库)及C#类库,并最终由 C# 执行你提交的javascript代码! 不敢藏私,特与大家分

    最近研发BDC 云开发部署平台的数据路由及服务管理器意外作出了一个javascript的服务器,可以通过js调用并执行任何java(包括 所有java 内核基本库)及C#类库,并最终由 C# 执行你提 ...

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

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  3. 每天一个JavaScript实例-推断图片是否载入完毕

    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  4. 每天一个JavaScript实例-动态省份选择城市

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. 每天一个JavaScript实例-递归实现反转数组字符串

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  6. 每天一个JavaScript实例-html5拖拽

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  7. 每天一个JavaScript实例-canvas绘图

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  8. JSLint是一个JavaScript的代码质量工具

    JSLint是一个JavaScript的代码质量工具 可能都或多或少的知道JSLint是一个JavaScript的代码质量工具,一个JavaScript语法检查器和校验器,它能分析JavaScript ...

  9. 你是否应该使用一个Javascript MVC框架?

    你是否应该使用一个Javascript MVC框架?本文摘自smashingmagazine的Journey Through The JavaScript MVC Jungle部分内容,希望对大家有帮 ...

  10. 一个JavaScript触发器插件,可通过指定频次、指定时间内触发指定的处理函数

    js-trigger是一个JavaScript触发器插件,可通过指定频次.指定时间内触发指定的处理函数 Tango<tanwei_yx@126.com> 特性 支持AMD/CMD/Comm ...

随机推荐

  1. JAVA (StringBuffer/StringBuilder)常用API

    public class Copy3 { public static void main(String[] args) { //构造实例化 StringBuffer strbu = new Strin ...

  2. golang 六宫格、九宫格头像生成

    图片示例就不传了,在原WordPress上. //Merge6Grid 6宫格 //rule NO1:至少3张图 最多6张图 // NO2:第一张大小 60*60 其他大小 28*28 间隔4px 合 ...

  3. js 关于本地文件的处理

    https://developer.mozilla.org/zh-CN/docs/Web/API/File/Using_files_from_web_applications

  4. set_union和set_intersection

    set_union使用方法: set_union(集合A起始地址,集合A终止地址,集合B起始地址,集合B终止地址,插入C集合中(操作:inserter(C.C.begin()))); set_inte ...

  5. 【HDOJ4109】【拓扑OR差分约束求关键路径】

    http://acm.hdu.edu.cn/showproblem.php?pid=4109 Instrction Arrangement Time Limit: 2000/1000 MS (Java ...

  6. da shu mo ban

    #include<bits/stdc++.h> using namespace std; ;/*精度位数,自行调整*/ //1.如果需要控制输出位数的话,在str()里面把len调成需要的 ...

  7. Js 分别取一个数的百位,十位,个位

    <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...

  8. 51cto-spring boot(一Spring4快速入门)

    https://search.maven.org/classic   查找maven依赖的pom.xml文件

  9. python-xlsxwriter模块绘制表格

    #coding: utf-8 import xlsxwriter workbook=xlsxwriter.Workbook('chart.xlsx') worksheet=workbook.add_w ...

  10. GCC related commands

    GCC   -l  option is to link the library. It can use for static and share link.  Link -l with library ...