JavaScript中的原子类型prototype,可以利用基本数据类型点这个prototype,获取对应的类型的方法。还要注意一点,按钮不能直接放在form表单中,否则成了提交功能。下面利用实例说明,操作如下:
工具/原料
1
jquery
2
HTML5
3
HBuilderX
4
浏览器
5
截图工具
方法/步骤
1
第一步,双击打开HBuilderX工具,新建一个HTML5模板页面,然后修改title内容,如下图所示:
2
第二步,在
中插入一个form,接着在form表单中插入一个按钮,如下图所示:3
第三步,在jquery初始化函数内,编写按钮点击事件,并获取对应的值,如下图所示:
4
第四步,保存代码并点击按钮,结果出现打印瞬间显示,瞬间消失;检查代码发现是form的问题,将其改为div,如下图所示:
5
第五步,保存代码并再次在浏览器中运行界面,查看界面显示的结果,如下图所示:
注意事项
1
注意JavaScript中的prototype的用法
2
注意合理使用表单和提交功能