资讯标题

关于Joomla\Wordpress\Drupal的有关资讯,不可错过!

输入JavaScript Joomla的简单步骤

你可以插入javascript在Joomla,插件、模块或组件。javascript可以很好的运行。      

然而,如果你想要你页面XHTML兼容,那么你必须将您的javascript添加到HTML页面的<头>部分。

1。加载外部。js Javascript文件      

方法1   

如果您的javascript都包含在一个。js文件,您可以使用以下加载javascript文件。注:假设你的javascript文件存储在媒体/系统/ js /

JHTML::script('your_javascript_file.js');

javascript文件的缺省位置是/ js /媒体/系统。如果您的javascript文件存储在另一个文件夹中,您可以使用以下加载javascript文件:

JHTML::script('your_javascript_file.js', '/full/path/to/the/js/folder');

如果您的javascript需要需要Mootools,那么第三个参数设置为TRUE /自动确保Mootools库加载。

// Set 3rd parameter to TRUE to load the Mootools library
        JHTML::script('your_javascript_file.js', '/full/path/to/the/js/folder', true);

方法2   

您还可以使用以下方法来加载一个外部javascript文件:

  $document = JFactory::getDocument();
     $document->addScriptDeclaration(JURI::base(). 'plugins/content/yourplugin/yourplugin.js');

2。内联Javascript加载      

假设您想添加以下javascript代码的< >头部分你的HTML页面:

  <script type="text/javascript">
    window.addEvent('domready', function() {
        new Rokmoomenu($E('ul.menu'), {
            bgiframe: false,
            delay: 500,
            animate: {
                props: ['opacity', 'width', 'height'],
                opts: {
                    duration:400,
                    fps: 100,
                    transition: Fx.Transitions.Quad.easeOut
                }
            }
        });
    });
    </script>

使用以下插入javascript代码:

  $javascript = "
    <script type="text/javascript">
    window.addEvent('domready', function() {
        new Rokmoomenu($E('ul.menu'), {
            bgiframe: false,
            delay: 500,
            animate: {
                props: ['opacity', 'width', 'height'],
                opts: {
                    duration:400,
                    fps: 100,
                    transition: Fx.Transitions.Quad.easeOut
                }
            }
        });
    });
    </script>
    ";

    $document->addScriptDeclaration($javascript);