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

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