webapi添加html页面,HTML5 Web应用之HTML5+javascript调用WebAPI

HTML5 Web应用之HTML5+javascript调用WebAPI

准备工作

Visual Studio Code.

jQuery

bootstrap中文网

下载用于生产环境的 Bootstrap后，解压，并将刚才下载的jquery-3.1.0.min.js放在解压后的js文件夹内(当然也可以不这么做)

动手啦： 新建一个文件夹h5webapp，将我们刚才整理后的三个文件夹放进去

用 vs code 打开文件夹h5webapp，并新建一个空白文档，命名为：index.html，并敲入以下代码:

这个是套路！

用chrome或者任意浏览器打开index.html，是不是什么都没有？

首先， 我们在

标签里面加一个容器，参考bootstrap文档布局容器就像下面那样：

这里有一行小字

然后，我们再在标签里加一个可以输入文本的控件，可以点击的按钮和一个用来存放数据的列表控件，参考bootstrap文档表单就像下面那样：

刷新看下你刚才打开的页面，是不是有点意思了？

在vs目录下新建一个空白文档取个名字叫myscript.js，并在2的套路中，添加一行代码

编写myscript.js文件:(混写的因为我就搜到这些，据说纯用jQuery会更简洁，那就靠你自己了！)

window.οnlοad=init;//页面加载时加载

function init(){

var btn=docume