1、打开HBuilderX开发工具，在已新建的Web项目中，创建一个静态页面文件saveAs.html。
2、打开已新建的静态页面文件，修改title标签中的文本内容。
3、在标签中，插入一个img标签和button标签。
4、在标签中，添加按钮点击事件，调用execCommand()方法。
5、保存代码并运行项目，打开浏览器查看界面效果，并点击按钮。
1、IE浏览器开启JavaScript方法：
在IE界面菜单栏中“工具”中选择“Internet选项”–“安全”选项卡–选择“Internet”（蓝色的小地球）–“自定义级别”–找到“脚本”下的“Java小程序脚本”中进行启用。如下图所示，设置完成后，重新打开浏览器设置即可生效。
2、360浏览器开启JavaScript方法：
在360界面菜单栏的“工具”中选择“360安全浏览器选项”–“网页设置”选项–在网页设置选项中取消“不支持Java小程序”。如下图所示，设置完成后，重新打开浏览器设置即可生效。
3、腾讯TT浏览器开启JavaScript方法：
打开TT浏览器，点击右上方的“菜单” - 选择“工具” -
选择“TT选项”，在打开的设置界面中选择“智能屏蔽”，在智能屏蔽设置页面中将“禁止运行Java程序”取消，点击保存，重新启动浏览器设置即可生效。
4、搜狗浏览器开启JavaScript方法：
目前，搜狗开启JavaScript方法继承于IE浏览器，IE浏览器开启JavaScript方法
5、火狐浏览器开启JavaScript方法：
打开火狐浏览器界面，在菜单栏中选择“工具”–“选项”–“内容”中可见到“启用JavaScript”的选项，重新启动浏览器即可。
http://www.youku.com/playlist_show/id_1095101.html这个是张孝祥讲的视频专辑，里面的视频都是。标题是JavaScript视频教程，但是我看了里面前一半都是讲html+css的，很适合你。
如果想要文字教程的话，还是数最经典的网站:
http://www.w3school.com.cn/,里面网站所有的知识都有了，很有条理很详细，又可以在线演习代码。
