文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

prototype.js函数怎么用

2023-06-03 07:39

关注

这篇文章给大家分享的是有关prototype.js函数怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

函数名解释举例
Element.toggle交替隐藏或显示Element.toggle(''div1'',''div2'')
Element.hide隐藏Element.hide(''div1'',''div2'')
Element.show显示Element.show(''div1'',''div2'')
Element.remove删除Element.remove(''div1'',''div2'')
Element.getHeight取得高度Element.getHeight(''div1'')
Toggle.display和Element.toggle相同Toggle.display(''div1'',''div2'')
Insertion.Before在DIV前插入文字Insertion.Before(''div1'',''my content'')
Insertion.After在DIV后插入文字Insertion.After(''div1'',''my content'')
Insertion.Top在DIV里最前插入文字Insertion.Top(''div1'',''this is a text'')
Insertion.Bottom在DIV里最后插入文字Insertion.Bottom(''div1'',''this is a text'')
PeriodicalExecuter以给定频率调用一段JavaScriptPeridicalExecutor(test, 1)"这里test是Javascript的函数,1是频率(1秒).
$取得一个DIV, 相当于getElementById()$(''div1'')
Field.clear清空一个输入框Field.clear(''textfield1'')
Field.focus把焦点集中在输入框上Field.focus(''select1'')
Field.present判断内容是否为空alert(Field.present(''textfield1''))"
Field.select选择输入框的内容Field.select(''textfield1'')"
Field.activate把焦点集中在输入框上并选择输入框的内容Field.activate(''textfield1'')"
Form.serialize把表格内容转化成string
Form.getElements取得表格内容为数组形式
Form.disabledisable表格所有内容Form.disable(''form1'') (这个好象不work)
Form.focusFirstElement把焦点集中在表格第一个元素上Form.focusFirstElement(''form1'')
Form.resetReset表格Form.reset(''form1'')
Form.Element.getValue取得表格输入框的值Form.Element.getValue(''text1'')
Form.Element.serialize把表格中输入框内容转化成stringForm.Element.serialize(''text1'')
$F等同于Form.Element.getValue()$F(''text1'')
Effect.Highlight高亮特效.Effect.Highlight(''text1'')
Effect.Fade褪色特效
Effect.Scale放大缩小(百分比)

Effect.Scale(''text1'', 200)
这里200 = 200%, 即两倍

Effect.Squish消失特效.文字缩小后消失Effect.Squish(''text1'')
Effect.Puff消失特效.文字放大后消失Effect.Puff(''text1'')
Effect.Appear出现特效
Effect.ContentZoomZOOM特效.
Ajax.Request传送Ajax请求给服务器Ajax.Request(''http://server/s.php'')
Ajax.Updater传送Ajax请求给服务器并用答复的结果更新指定的ContainerAjax.Updater(''text1'',''http://server/s.php'')

基本用法:prototype.js给每个主要的类都分了一个Class,使用起来很方便.要产生特定的效果,只要用new Class.function()就可以了.例如:

Click Me


Hello!

当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)

感谢各位的阅读!关于“prototype.js函数怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯