fastadmin页面执行js方法(点击按钮出现弹窗为例)

发布时间 2023-03-22 21:11:36作者: 斯斯20222

fastadmin页面执行js方法(点击按钮出现弹窗为例)

雯0609~

于 2023-01-04 14:56:00 发布

339
收藏
文章标签: javascript 前端 html
版权
例子:在页面设置按钮,点击按钮出现alert弹窗

方法一:根据id进行方法设置(以主页面中添加按钮为例)

 

一、index中添加按钮

位置:application/admin/view/pim/test1/index.html

注:必须指定id

 

<button class="btn btn-primary btn-embossed disabled" id="test_button">按钮测试</button>
二、在js中添加方法

位置:public/assets/js/backend/pim/test1.js

在js中的index方法中写入单击按钮实现弹窗的方法

 

方法二:根据js方法直接进行设置(以edit编辑页面为例)

 

一、edit页面中添加按钮

位置:application/admin/view/pim/test1/edit.html

 

写入onclick方法

<button class="btn btn-primary btn-embossed disabled" onclick="test_button()">按钮测试</button>
二、在js中添加方法

位置:public/assets/js/backend/pim/test1.js

注:这里的方法需要写在define外部

 

function test_button(){
alert('aaa');
}
方法三:直接写在html文件中(以二中在编辑页面中为例)

 

一、edit页面中添加按钮

位置:application/admin/view/pim/test1/edit.html

 

写入onclick方法

<button class="btn btn-primary btn-embossed disabled" onclick="test_button()">按钮测试</button>
二、直接在本页面进行方法的添加

位置:public/assets/js/backend/pim/test1.js

 

<script type="text/javascript" charset="utf-8">
function test_button(){
alert('bbb');
}
</script>

————————————————
版权声明:本文为CSDN博主「雯0609~」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_46001736/article/details/128547795