Javascript 如何自动更改站点方向LTR\RTL？

我希望使我的网站双语（阿拉伯语\英语），这意味着两个不同的方向

英语=>LTR“从左到右” 阿拉伯语=>RTL“从右到左”

所以，我需要一个脚本“像Facebook”，当用户选择阿拉伯语时，网站会将整个模板+文本更改为RTL，而选择英语时则正好相反

谢谢并致以最良好的问候

---

另外，我在这个论坛上搜索了这个案例，但是我没有找到有用的信息，所以如果有一篇帖子讨论了同样的问题，并且已经[解决]了，请把链接放在下面。

你需要从服务器上按语言加载内容。如果你想在这种情况下改变方向，你可以这么做

如果您需要RTL，请将此css

direction: rtl; 

当你需要LTR的时候

direction: ltr; 

更新

如果要更改按钮的方向，请单击，然后尝试此操作

css

.rtl-direction {
   direction: rtl; 
}
.ltr-direction {
   direction: ltr; 
}

脚本

$('button').click(function(){
   $('body').toggleClass(function(){
      return $(this).is('.rtl-direction, .ltr-direction') ? 'rtl-direction ltr-direction' : 'rtl-direction';
  })
})

我使用了这个解决方案

在CSS中添加这个类

.rtl{direction:rtl;text-align:right;}

然后，在您希望从右向左的任何项目中使用此代码

<div class="@(Model.RtlEnabled ? "rtl" : "")"> Your right to left text <div>

从右向左的文本

---

我在ASP.Net core中使用它，您可以为您的代码更改它。

这是您在服务器端处理的内容，方法是检查HTTP头

接受语言

，然后使用适当的区域设置进行响应，这可能包括特定于语言环境的CSS指令，如

direction:rtl

检查此=>这是一个正在运行的演示=>Hii bro这是我的示例页面www.geofrey.texpoldev.com我希望此页面支持LTR和rtl，用户可以使用菜单项之一在rtl和LTR之间切换，例如更改为rtl，我怎样才能做到这一点？我想有RTL和LTR的按钮，以便用户可以切换，如果需要如何才能做到这一点？写一个css类为您的按钮与上述建议你可以提供我的例子，我是新手虽然